1.修改person组件的内容(完整写法,没有使用mapState,mapMutations、等方法)
在person.vue里面

在index.js里面

效果图:

1.新建文件cout.js person.js ,把原本在index.js里面的东西细分到cout.js 和person.js 里面

2.在cout.js里面

3. 在person.js里面

最后补充一点在actions里面加一个与axios的配置。因为它是“服务员”,它的业务逻辑多
在person.js里面

上面的addPersonServer(context)里面就传一个参数就行了。因为服务器给我名字,所以不需要第二个参数value
在person.vue里面
效果图:

总结: