在开发模式中开启严格模式,会发现代码不符合规范

Vuex store的状态应在mutation中更改

在AddStudent.vue中提交函数

显示如下:

但是在表格中添加自己的数据时,不能还显示渡一100,所以要传递参数

store.js中接收参数

显示如下:

如果要更改多个数据:

它也可以使用mapMutations方式

mutation中不能写异步,只能写同步,异步放在actions中

AddStudent.vue中:

store.js中:

同样也可以采用mapActions获得