vuex.png
vuex总共分为五个部分
state module mutations actions getters
流程
1.首先使用dispatch触发actions
2.actions异步请求数据(固定接受的第一个参数是dispatch对象 第二个参数是使用者本身定制的参数)
3.actions里面放axios ajax请求 使用commit提交一个mutations 【commit里面的参数（自己定义的名字，传递的参数）】
4.把返回的值放入定制的参数中
5.在mutations里面接收数据 传给state[mutations里面的方法两个参数 （state,接收的数据）] （mutations是唯一可以改变state里数据的途径）
6.现在我们可以在其他组件里面使用computed接收数据 在页面中赋值给data 页面中可以渲染 {{}}/名字
computed: {
count () {
return this.$store.state.count
}
}
7.getters里面可以放方法 记得要return返回一下 页面接收 $store.getters.name
网友评论