本文介绍了Vuex作为Vue的状态管理模式，用于集中式管理组件共享状态。主要内容包括Vuex的store、state、getters、mutations、actions和modules。文章详细解释了为什么在需要多个组件共享状态或管理复杂状态时使用Vuex，以及如何将Vuex挂载到Vue实例中进行实际操作。此外，还提到了Vuex的单一状态树原则，确保状态管理的清晰和可预测性。
1.什么是Vuex？
Vuex是专门为Vue.js设计的状态管理模式；特点：集中式存储和管理应用程序中所有组件状态，保证状态以一种可预测的方式发生变化。
1.1.什么是状态管理模式？
先看一个单向数据流的简单示意图
state:驱动应用的数据源
view:以声明方式将state映射到视图
actions：响应在View上的用户输入导致的状态变化。
但是当多个组件共享状态的时候，单向数据流的简洁性很容易被破坏；例如：1.多个视图依赖于同一状态 2.不同视图的行为需要变同一状态；
所以Vuex就应运而生（Vuex将组件共享状态抽取出来，以一个全局单例模式管理控制）
1.2Vuex的主要内容
1.每一个Vuex应用的核心是store（仓库，容器），store中包含着我们应用中大部分的状态（state）;
这里为什么我们不使用单纯的全局对象？原因有2个
1.Vuex的状态存储是响应式的，当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到更新。
2.不能直接变更stor
最低0.47元/天 解锁文章
扫一扫
1442
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
