用vuex完成一个小demo

demo的效果是：

 首先创建一个脚手架，需要引入vuex

准备工作做完之后，开始渲染页面：

store/index.js

async 代表一个异步操作  await用来接受axios发送请求的成功的结果

try  catch用来捕获发起请求中的错误

component/shopCar.vue

 

1. 组件初始化钩子函数调用vuex中的action发起ajax请求  拿到数组 循环渲染

2.删除：点击传入索引  调用this.$store.commit('') 调用vuex中的mutation中的方法来对vuex中的state的数据进行修改

App.vue

 对了，别忘了刚开始需要在根组件中引入shopCar组件，做一步看一步，这样这个小demo就完成了。