Свойство или методы не определены ошибка в VueFire - PullRequest
Новая
       92

Свойство или методы не определены ошибка в VueFire

0 голосов
/ 01 июня 2019

Я застрял какой-то код в VueFire.

Когда я пытаюсь получить данные из Firebase Realtime Data, получаю ошибку

[Vue warn]: свойство или метод "items" не определены в экземпляре, но на них ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным, либо в параметре данных, либо для компонентов на основе классов, инициализируя свойство

но все выглядит хорошо. я все равно не понимаю. 

    <div class="text">
        <input
          type="text"
          v-model="card"
          @keyup.enter="addNote"
          id="field"
          placeholder="Bir Plan Giriniz...">
    </div>
    <b-container class="box-container">
      <div class="interior" 
           v-for="card of items" 
          :key="card['.key']">{{ items }}</div>
    </b-container> 

 data() {
    return {
      card: "",
    };
  },
  firebase: {
    items: namesRef
  },
  methods: {
    addNote() {
      namesRef.push({ card: this.card, edit: false });
      this.card = "";
    }
  }

import { initializeApp } from "firebase";

const app = initializeApp({
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "...",
    appId: "..."
})

export const db = app.database();
export const namesRef = db.ref("items");

Кто-нибудь может объяснить это? где я делаю не так? какую версию пакета использовать?

спасибо за помощь.

...