vuex和localStorage，全局变量的区别

vuex是状态管理，是为了解决跨组件之间数据共享问题的，一个组件的数据变化会映射到使用这个数据的其余组件当中。若是刷新页面，以前存储的vuex数据所有都会被初始化掉。

localStorage是H5提供的一个更简单的数据存储方式，以前是用cookie存放数据，可是cookie的数据量过小，因此就用localStorage，它能够有5M的限制，不受刷新页面的控制，长久保存。

 

因此，在用vue进行项目开发的时候，何时用到vuex呢？

当应用遇到多个组件共享状态时候，即：多个视图依赖于同一个状态，不一样视图的行为须要变动同一状态。

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

vuex和全局变量的区别：

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

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