Vuex状态管理模式

Vuex

• Vuex官网

概述

是什么

• Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式；
• 采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

解决什么问题

• 多个视图依赖于同一状态；
• 来自不同视图的行为需要变更同一状态。

怎么做

• 把组件的共享状态抽取出来，以一个全局单例模式管理。

优势

• 组件树构成了一个巨大的“视图”，不管在树的哪个位置，任何组件都能获取状态或者触发行为！
• 通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。
  

用法

• vuex状态管理模式（一）（state）
• vuex状态管理模式(二)（getter，mutation）
• vuex状态管理模式（三）（actions，modules）