继续我们的《Vue2.0 进阶》系列的学习，学过Vue的同学一定多多少少听过Vuex，它是Vue全家桶的一部分。

那么，它的作用到底是什么呢？开发的时候使用了Vuex会给我们带来什么好处呢？在学习使用Vuex之前，我们有必要先来搞懂以上两个问题。

Vuex是什么

我们来看看对Vuex比较专业的介绍：

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

说得这么官方，让我们新手怎么能理解好呢？

你可以理解为：Vuex采用类似全局对象的形式来管理所有组件的公用数据，如果你想想修改这个全局对象的数据？是可以的，但没那么简单，你得按照Vuex提供的方式来修改，不能自己随意用自己的方式来修改。

使用Vuex的好处

为什么说只是类似全局对象呢？

说的是类似，就代表它跟我们之前使用的定义全局对象变量还不完全一样。主要有一下两点不同：

1.Vuex的状态存储是响应式的，什么意思呢？就是当你的组件使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据，这样开发者省事很多。

2.你不能直接修改Vuex的状态，如果是个全局对象变量，要修改很容易，但是在Vuex中不能这样做，想修改就得使用Vuex提供的唯一途径：显示地提交（commint）mutations来实现修改（没了解过这里没关系，下一节前端君会有介绍）。这样做的好处就是方便我们跟踪每一个状态的变化，在开发过程中调试的时候，非常实用。

以上两点是Vuex状态管理跟使用传统全局变量的不同之处，也是Vuex的优势所在。那是不是所有使用vue开发的SPA（single page application）单页应用都适合采用Vuex呢？

适用场景

当然也不是，如果你的应用是个小型的应用，组件不多，组件之间的状态依赖不多，关系清晰容易维护，也就是说不同组件之间很少有数据之间的关联的话，那么你大可不用Vuex来开发。

反之，如果你开发的是较大型的应用，出现多个视图组件共同依赖一个状态，这个状态相当于我们的全局对象数据，其他组件的改动，会影响到它，反之，它的修改也需要更新其他关联的组件，那么Vuex就很适用。比如：商城系统，外卖系统等等。

所以在开发之前，可以多花时间去思考，在项目开发过程中，你可能会遇到那些开发问题，组件该如何设计，程序代码该如何组织。磨刀不误砍柴工，不要接到任务就急着动手敲代码实现，这些都是新手容易忽略的事。

技术可以即学即会，但经验，还得靠项目来积累。多思考，经验才能积累得更多一点。

本节小结

今晚这一节没有演示代码，先带大家通俗易懂地认识Vuex，知道它提供状态管理机制，相比使用传统的全局对象，它有两大优点，而且了解了它有适用和不适用的业务场景。下一节我们再来学习如何使用Vuex。

最近工作繁忙，更新教程的频率颇慢，但大家放心，大白话，讲编程，通俗易懂的讲解风格不会变，文章质量还得有所保障。

夜深了，估计大家都休息了，明天中午再发推送，明天见。

推荐

扩展阅读

1.《ECMAScript 6 系列》原创教程

2.《Vue2.0基础系列》原创教程

3.《ECMAScript 6 系列》的 2 套习题

4.《Vue2.0基础系列》的 1 套习题

关于职场

职场感悟：混口饭吃，谈不上喜欢

薪资待遇：那么点工资，能招到人吗？

郑州招聘：招聘前端3~5人

广州招聘：招聘前端2人

资源推荐

其实学好技术并不难，架构师免费分享全网全套最新web前端、JavaScript、HTML5、PHP、数据库……等视频资料！

[总价值超3万！]年薪35万以上的大牛几乎都看了！

加微信: abc15689892 免费领取，由于领取的朋友比较多，所以加微信时一定要备注：555，否则很难通过。