在开发模式中开启严格模式,会发现代码不符合规范
Vuex store的状态应在mutation中更改
在AddStudent.vue中提交函数
显示如下:
但是在表格中添加自己的数据时,不能还显示渡一100,所以要传递参数
store.js中接收参数
显示如下:
如果要更改多个数据:
它也可以使用mapMutations方式
mutation中不能写异步,只能写同步,异步放在actions中
AddStudent.vue中:
store.js中:
同样也可以采用mapActions获得