vuex 基础

Posted 2022-09-05 mufc

　　vuex 状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化；

　　每一个 vuex 应用的核心是 store ，store 可以看做一个容器，跟 data 相对差不多，包含着应用中大部分的 state 状态；vuex 和 普通的全部对象有两个不同：

　　　　1)、vuex 的状态存储是响应式的；当 vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么响应的组件也会相应的得到高效的更新；

　　　　2)、vuex 中的 store 里边的数据不能直接改变，改变 store 中的状态只能是显式的提交mutation，即通过 commit 提交 mutation 中的方法；这样我们就可以方便的跟踪一个 state 的变化；

　　vuex 包括 state、getter、mutation、action module 等属性和方法，其中 state 相当于 vue 组件中的 data，getter 类似于 vue 组件中的 computed，mutation 类似于组将中的 methods；action 类似于 mutation ，不同的是 action 提交的是 mutation ，而不是直接改变 state，action 可以包含异步的操作；action 中方法的调用需要用到分发，即 store.dispatch(‘ acitonMd ‘)