VuexFire突变

Question

对于任何使用过VuexFire Vuex v2的人来说。mutations: VuexFire.mutations在这里指的是什么？答案可能很明显，但我不知道它是什么意思。那么我的实际突变会去哪里呢？我现在正在使用Vuex v1，它似乎工作得很好，但我想升级到使用Vuex v2。谢谢!

var store = new Vuex.Store({
  state: {
    items: null
  },
  mutations: VuexFire.mutations, // What is this and where is it coming from??
  getters: {
    items: function (state) { return state.items }
  }  
})

new Vue({
  el: '#app',
  store: store,
  computed: Vuex.mapGetters([
    'items'
  ]),
  firebase: {
    items: db.ref('items')
  }
})

Answer 1

我自己也为此挣扎了很长一段时间。虽然我不是100%确定VuexFire.mutations做了什么，但我现在明白了，VuexFire只负责获取你的Firebase数据库数据，并用这些数据正确地改变你的应用程序状态。

因此，这似乎是一段神奇的代码，可以使本地存储的状态发生变化。

要让你的应用程序改变/改变Firebase数据库，你仍然需要获取Firebase数据库引用，并自己设置/推送/或其他任何数据。

例如，使用您的代码进行说明，

firebase: {
    items: db.ref('items')
}

会让mutations: VuexFire.mutations“知道”用什么来改变你的应用程序状态。但是要改变你的Firebase数据库，你必须这样做：

db.ref('items').push(WhateverNewData)

我希望这能帮到你。