引入vuex:
npm install vuex --save
在项目的src里面建立文件夹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♪(・ω・)ノ)