Vue中的Vuex详解

1、什么时候需要使用vuex

当项目业务复杂 页面之间有很多关联数据需要交互的时候

2、本地存储和vuex的区别

1. vuex是状态管理，是为了解决组件之间数据共享的问题。
   一个组件的数据变化会映射到使用这个数据的其他组件当中。
   如果刷新页面，之前存储的vuex数据全部都会被初始化掉。
2. localStorage是H5提供的一个更简单的数据存储方式，之前是用cookie存放数据，但是cookie的数据量太小，所以就用localStorage，它可以有5M的限制，不受刷新页面的控制。
3. 因此，在用vue项目开发的时候，什么时候用到vuex呢？
   当应用遇到多个组件共享状态的时候，即：多个视图依赖于同一个状态，不同视图的行为需要变更同一个状态。

vuex的官网也说了，对于页面之间的传参对于多层嵌套组件将会很繁琐，而且对于兄弟组件之间的状态传递无能为力。所以就将这些组件的共享状态抽取出来，以一个全局单例模式管理，即vuex

1.【响应式】vuex的状态存储是响应式的，当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会得到高效更新。

2.【不能直接改变store】不能直接改变 store 的变化，改变 store 中状态的唯一途径是 commit mutation。方便于跟踪每一个状态的变化

<