来自不同视图的行为需要变更同一状态。这就是 Vuex 背后的基本思想,借鉴了 Flux、Redux、和 The Elm Architecture。与其他模式不同的是,Vuex 是专门为 Vue.js 设计的状态管理库,以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。但是vuex就是将数据放到了全局store中。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。由于 store 中的状态是响应式的,在组件中调用 store 中的状态简单到仅需要在计算属性中返回即可。更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识

Vue中UI组件库之Vuex与虚拟服务器初识