什么是VueX

• Vuex 是专门为 Vue.js 设计的状态管理库
• Vuex采用集中式的方式存储需要共享的状态
• Vuex的作用是进行状态管理,解决复杂组件通信，数据共享
• Vuex集成到了devtools中，提供了time-travel时光旅行历史回滚功

什么情况下使用VueX

• 非必要的情况不要使用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 方法；访问实例中的数据属性；

  4. ....