vuex几个获取使用的方法

vuex几个获取使用的方法

最简版

1. 组件里通过 $store.state 获取全局状态数据进行渲染
2. 通过 $store.commit 方法触发mutation 修改全局状态值 整个页面都会变

模块化

1. 模块化之后state的取值需要添加一级模块名 其他的三个核心不变
2. 可以在模块里添加命名空间 作用就是在 mutation getters actions的名字前面 添加模块名
   用处就是防止名字冲突

稍微复杂版

1. 组件里通过 $store.state 获取全局状态数据进行渲染
2. 通过 $store.dispath方法 触发action里的方法
3. action 触发mutation进行修改全局状态值

值类型向计算属性映射

mapState 将全局状态管理的state值映射到使用组价的计算属性
mapGetters 将全局状态管理的getters值映射到使用组价的计算属性

函数类型向methods进行映射

mapMutations 将mutation的值映射到 方法里
mapActions 将actions里的值映射到方法

来源：CSDN

作者：wenkai_lou

链接：https://blog.csdn.net/wenkai_lou/article/details/104625502