Question

我正在尝试构建一个利用store.js文件中的Vuexfire的Vue.js应用程序。我的store.js文件看起来像这样：

import Vue from 'vue'
import Vuex from 'vuex'
import { vuexfireMutations, firestoreAction } from 'vuexfire'
import { db } from '@/main'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    items: []
  },
  mutations: vuexfireMutations,

  actions: {
    setEvents: firestoreAction(context => {
      return context.bindFirestoreRef('items', db.collection('dbItems'))
    }),
  },
})

我从文档中了解到，.bindFirestoreRef()方法是将Firestore绑定到Vuex存储的方法，而firestoreAction是将.bindFirestoreRef()注入上下文对象的包装器，以便它可以用作存储的方法（与commit方法相同的行）。然后，有效负载会发生突变，而vuexfireMutations显然会处理幕后状态的突变。这是否意味着vuexfireMutations是一种方法？描述vuexfireMutations的正确术语是什么？我真的不觉得文档说明得很好，这是什么导入的项目。我只是不得不猜测它可以处理突变，但是正确的术语是什么？

如何在Vuex store.js文件中设置vuexfireMutations

0 个答案: