Vuex的模块化管理

1：定义一个单独的模块。由于mutation的第二个参数只能提交一个对象，所以这里的ThisLog是个json串。

 2：在Vuex中的index.js中引入该模块

 

3：在别的组件中通过...mapState调用模块保存的State的值。

4：用...mapMutations修改State的值。

映射到Log组件的UpdateResultInfo方法，以供接下来可以使用 。

this.$store.commit只能提交两个参数，一个是方法名，一个是json对象。

方法二：

  

mapState('userStore', ['userName']) 会将 userStore 模块中的 userName state 属性映射到当前 Vue 组件的计算属性中，我们可以在模板中直接使用 {{ userName }} 来访问这个值。

 可以使用Log模块的两个方法，UpdateResultInfo和nishima。

同时也可以使用yua模块的方法。

所以...mapMutations是可以叠加使用的。