1.vuex的理解
vuex是vue的状态管理工具,存放公共的数据 ;比如用户登录的信息
2.vuex的五大核心概念
(1)、state :存放数据
(2)、getters :计算属性
(3)、mutations :唯一一个修改state内数据的方法 (同步的)
(4)、actions :异步操作state内数据的方法
(5)、modules :模块化
3.vuex的执行机制
state获取数据 :this . $store . state . 属性名
getters:
计算属性名( state ){
return
}
获取计算属性的数据 :this . $store . getters . 属性名
mutations :{
方法名(state ,参数 ){
}
}
调用mutations内的方法 :this . $store . commit (' 方法名 ' ,传递的参数)(传递多个参数用对象的形式)
actions: {
reduceNum({commit},data){
setTimeout(()=>{
commit('addNum',data*-1)
},1000)
}
调用actions内的方法:this . $store . dispatch( ' 方法名 ' ,传递的参数 )