1.定义
vue全局状态管理器。(在任意组件/页面都可以访问vuex的数据)(当数据更新时,引用vuex的组件视图会自动更新)
2.定义数据state
例子:
state:{
userInfo:{
name:'mumu',
score:2500
}
}
在组件中访问
$store.state.userInfo.score
3.计算数据getters
例子:
getters:{
gold(state){
return Math.floor(state.userInfo.score/100)
}
}
组件中被访问
$store.getters.gold
4.修改数据mutations
例子:
ADD_SCORE(state,data=100){
state.userInfo.score+-data
}
组件中被访问
$store.commit("ADD_SCORE",200)
5.异步操作Actions
例子: