一篇大白话读懂VueX

Vuex大白话讲解

老规矩：引入一下vue文档的话

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

比较难以理解,那我们可以先设想一下他的应用场景是什么
**在vue的data数据存储中,我们为什么用函数形式来书写data？
答：各个模板之间可能会存在变量冲突,利用函数形式可以更好的避开各个组件的冲突
那我们可以设想一种情景
如果我们做一个电商系统,每一个页面之间都要收到购物车中的数据,例如首页要显示,购物车页面要显示,商品详情页面还需要显示我们的购物车商品数量
通过父子组件调用相当麻烦,好多页面共同引入一个数据,这时候vue这个渐进式框架就提出了一个解决策略,——————vuex存储一个全局的变量

vueX：

引入简书的链接：大白话讲解vuex

vuex特性

• Vuex的状态存储是响应式的。
• 就是当你的几个组件都使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据。
• 不能直接修改Vuex的状态。它的修改方式并不能像全局变量那样来直接修改，而是通过mutations来实现修改，这样做的好处是方便我们跟踪每一个状态的变化，在开发过程中调试的时候，非常实用。
  Vuex存储的数据会在