const store = new Vuex.Store({
state: { //存储状态
},
mutations: {//修改state中的数据
},
actions: {//处理异步数据
},
modules: {
},
getters:{//相当于computed计算属性
}
})
state:主要是存储全局状态
mutations:对state里的数据进行修改,里面可以定义方法,默认第一个参数是state,也可以所是全局存储的变量例如:addnum(state){ state.num} 后面也可以跟参数
![](https://img.haomeiwen.com/i24639563/3a33ac0009a43851.png)
当需要传递多个参数时,我们可以用另一种方式payload。type是mutations中的方法名字,
![](https://img.haomeiwen.com/i24639563/54f3b8e7b8219ac1.png)
![](https://img.haomeiwen.com/i24639563/45b5f642edd256ec.png)
注意:
state是可以是定义任何变量名字,但是都是指向state
getters:相当于computed计算属性,他也默认第一个参数是state,如果想传参数要需要return一个函数接收参数
返回一个函数,其实就是将值直接传入函数
![](https://img.haomeiwen.com/i24639563/43637617bae06c92.png)
在getters中如果有一个方法是需要其他一个方法的值,那么可以直接吧getters作为第二个参数传入
![](https://img.haomeiwen.com/i24639563/bcc4db55dbcadc1e.png)
网友评论