vuex的核心概念和运行机制

Vuex有几个核心的概念

• state:提供一个响应式数据；

• getter:借助Vue的计算属性computed来实现缓存；

• mutation；更改state方法；

• action:触发mutation 方法；

• module:Vue.set 动态添加state 到响应式数据中；

1. vuex 中核心原理：通过vue 实例，将state数据赋值给data(){return { ?state:state}}
2. commit 实际上就是执行mutations 中的某个方法；
3. 每次访问State的时候，实际上是访问了重写的get 方法；访问实例中的数据属性；

vuex运行机制

在组件中通过dispatch来调用actions中的方法在actions中通过commit来调用mutations中的方法，在mutations中可以直接操作state中的数据，state的数据只要一发生改变立马响应到组件中