vue.js - 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)

希望对您有所帮助。