使用Vuex管理系统中的数据

1、使用Vuex的原因，全局维护一份数据，合理管理数据在多个组件之间的流动；

2、在项目中使用Vuex：

（1）先通过npm进行安装：npm i vuex -S

（2）在src目录下新建store文件夹，里面新建index.js

（3）index.js中引入vue、vuex，并对vuex进行注册，创建Vuex实例，并对外导出

export default new Vuex.Store({})

（4）这样便在项目的任意一个组件中都能够通过$store来访问项目中的数据了；

3、获取数据：$store.state.xxx，如果是在js中，要在前面加上this关键字；

4、对数据进行更改，组件不能直接去修改vuex实例中state中的数据，而是要使用actions或者mutations去进行修改；

（1）当修改数据的操作是同步操作的时候，向vuex实例commit相应的mutations请求即可；

this.$store.commit(mutations操作的名称)，其中这个mutations操作要在vuex中进行定义；

（2）当修改数据的操作包含异步操作的时候，