【Vuex】8、Vuex-mutation的类型常量

1、Mutation常量类型--概念

• 我们来考虑下面的问题
• 在mutation中，我们定义了很多事件类型(也就是其中的方法名称)
• 当我们的项目增大时，Vuex管理的状态越来越多，需要更新状态的情况越来越多，那么意味着Mutation中的方法越来越多
• 方法过多，使用者需要花费大量的经历去记住这些方法，甚至是多个文件来回切换，查看方法名称，甚至如果不是复制的时候，可能还会出现写错的情况
• 如何避免上述的问题呢？
• 在各种Flux实现中，一种很常见的方案就是使用常量替代Mutation事件的类型
• 我们可以将这些常量放在一个单独的文件中，方便管理以及整个app所有的事件类型一目了然
• 具体怎么做呢？
• 我们可以创建一个文件:mutation-types.js，并且在其中定义我们的常量
• 定义常量时，我们可以使用ES2015中的风格，使用一个常量来作为函数的名称

我们之前的代码：

我们常见一个mutations-types.js：

mutations-types.js代码：

index.js代码修改成如下：

我们在组件中引用修改如下：