将vuexfire与模块一起使用时如何处理突变?

时间:2020-10-02 16:34:47

标签: firebase vue.js vuex vuex-modules vuexfire

以下内容是关于将变异与vuexfire documentation中的模块以及一些代码段一起使用的:

将变异添加到您的根存储中,并确保首先定义要在状态中绑定的属性:

import { vuexfireMutations } from 'vuexfire'
const store = new Vuex.Store({
  state: {
    todos: [], // Will be bound as an array
    user: null, // Will be bound as an object
  },
  mutations: {
    // your mutations
    ...vuexfireMutations,
  },
})

它也可以与模块一起使用,但您不应在其中添加突变

const store = new Vuex.Store({
  modules: {
    todos: {
      state: {
        todos: [], // Will be bound as an array
        user: null, // Will be bound as an object
      },
    },
  },
})

问题是在较大的项目中处理突变的正确方法是什么?如果我有一个包含约20-30个模块的项目,是否将所有模块突变都放入根对象中?我要为我的突变创建一个额外的文件还是正确的结构方式?

0 个答案:

没有答案