Vuex

引入vuex：

     npm install vuex --save

在项目的src里面建立文件夹store,文件如下：

store目录

在index.js引入vue和vuex：

在index.js里面定义state状态值：

接下来在getters.js里定义一个类似计算属性的方法：

就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。

在mutation-types.js里定义好事件类型：

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation：

Action 类似于 mutation，不同在于：

Action 提交的是 mutation，而不是直接变更状态。

Action 可以包含任意异步操作。

store的调用：

最后就是调用computed获取到的方法：

（以上代码都是以图片形式展示，一是为了防止码农的通病——复制粘贴，二是可以让人多敲敲代码，这样敲一遍记得更牢，若有哪里讲得不好请大家在评论里指正一下，Thanks♪(･ω･)ﾉ）