vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。把组件共享的状态抽取出来。
核心概念:
state
computed: {
count () {
return this.$store.state.count
}
}
mapState辅助函数+对象展开运算符
computed: {
...mapState({
token: state => state.baseInfoStore.token,
opneMenuName: state => state.baseInfoStore.opneMenuName
}),
Mutation
更改vuex的store中的状态的唯一方法是提交mutation。