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.不能直接变更store中的状