vuex

VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。

一，state    负责状态管理，类似于vue中的data，初始化数据

二，mutation  专用于修改state中的数据，通过commit触发

三，action  可以处理异步，通过dispatch触发，不能直接修改state，首先在组件中通过dispatch触发action，

                   然后在action函数内部commit触发mutation，通过mutation修改state状态值

四，getter   Vuex中的计算属性，相当于vue中的computed,依赖于state状态值，状态值一旦改变，getter会重新计算，

                 也就是说，当一个数据依赖于另一个数据发生变化时，就要使用getter

五，module  模块化管理

使用

安装vuex

1. 使用npm下载：
   npm install vuex --save
2. 使用vue-cli构建项目时选择使用vuex
3. 创建store文件夹，目录结构如下：
4. 

5.  2.创建index.js，代码结构如下：

6. 

7.