vuex gettter派生状态+mutations状态提交

通过getter可以简化一些对数据统一操作的代码 比如给年龄显示加上[]框

简单代码

给年龄显示加上[]框
在index.js定义getters域

在组件直接调用即可

效果:

传递参数

上面代码转化成es5写法如下:

mutations状态提交

当出现多个参数时,推荐传递对象减少参数数
修改之前的代码
直接传递对象e过去

第二个参数命名为payload即可

 setAge(state,payload){
      state.age=payload.target.value
    }

辅助函数用法

和之前的用法几乎一样