1

我正在尝试在 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()，因此它可以用作存储的方法（与提交方法相同） . 有效载荷然后被提交到突变，同时vuexfireMutations显然在幕后处理状态的突变。这是否意味着这vuexfireMutations是一种方法？什么是正确的形容词vuexfireMutations？我真的不觉得文档很好地解释了这个导入的项目是什么。我只是不得不猜测它是处理突变的东西，但它的正确术语是什么？

4

0 回答 0