Javascript 我能'；t将我的Vuejs应用程序连接到Firebase

我已经试着这么做了一段时间了，现在我开始有这种想法了。阅读教程，每个人都在做不同的事情，所以没有运气

我正在尝试将我的Vue应用程序连接到Firebase后端

我有一个名为Staff.vue的组件，它有一个脚本：

<script>
import firebase from 'firebase'

export default {
  name: 'staff-list',

  data () {
    return {
      firebase.database().ref('employees').on('value').then((data) => {
        office.push(data);
      }).catch(
        (error) => {
          console.log(error);
        }
      ),
      // This will pull in the data from Firebase.
      office: []
    }
  }
}
</script>

我还在Main.js文件中初始化了firebase：

const config = {
  apiKey: "foo",
  authDomain: "bar",
  databaseURL: "foobar",
  projectId: "barfoo",
  storageBucket: "foobarfoo",
  messagingSenderId: "blarg"
};

firebase.initializeApp(config);

我不知道为什么它不起作用。请告诉我有人有这个问题，并能够找到它为什么这样做，以帮助

---

提前感谢：）

您试图在返回的对象定义中执行代码时出错

从

数据

方法对象中拉出firebase调用，并在

创建的

生命周期挂钩中调用它（通过

this.office

引用

办公室

数组）：

---

将您的

firebase'

初始化移动到其中一个钩子中，例如mounted或created。在您的模型中，只需保留数据。感谢快速帮助！这会让我整晚都在想为什么它不起作用！所以运行了（感谢上帝），但我在创建的hook中得到了错误：“error:Query.on失败：使用1个参数调用。至少需要2个参数。这是由于firebase方法还是我的操作。模糊的问题抱歉。我想我实际上已经处理好了。只是试图找出JSON对象和要查找的对象：）。如果它有效，我将使用以下答案：）

const config = {
  apiKey: "foo",
  authDomain: "bar",
  databaseURL: "foobar",
  projectId: "barfoo",
  storageBucket: "foobarfoo",
  messagingSenderId: "blarg"
};

firebase.initializeApp(config);

data() {
  return {
    office: []
  }
},
created() {
  firebase.database().ref('employees').on('value').then((data) => {
    this.office.push(data);
  }).catch((error) => {
    console.log(error);
  });
}