firebase - 我应该如何在 Vue 组件中引用 firebase 数据？

Question

我可以在 Vue 控制台中看到数据，但在控制台中出现错误：“属性或方法“rsvp”未在实例上定义，但在渲染期间被引用。”

我应该如何引用 firebase 数据？

<template>
    <ul>
        <li
            v-for="(data, index) in rsvp"
            :key="index"
        >
            <div
                v-for="(name, index) in data.name"
                :key="index"
            >
                {{ name }}
            </div>
            <div v-if="data.dietRestrictions">
                Diet Restrictions: {{ data.dietRestrictions }}
            </div>
        </li>
    </ul>
</template>

<script>

import { db } from "../../config/db";

export default {
    name: "Results",
    firebase: {
        rsvp: db.ref("rsvp"),
    },
}

</script>

标签： firebasevue.js

Answer 1

我只是忘记在data().

data() {
    return {
        rsvp: {},
    }
},