1.使用 vue-cli 创建项目(具体操作可以参考前面的文章)
...
2.下载 vuex
- npm install vuex -S
3.将 vuex 添加到项目中
(1)在项目中创建store文件夹
(2)在main.js中引入store的入口文件
(3)在 store -> index.js 中引入vuex 和 counter.js
(4)在 store -> module -> counter.js 中操作
初始 state 对象
store -> getters.js
store 中定义“getter”(可以认为是 store 的计算属性)。
就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。
store -> actions.js
actions 提交的是 mutation,而不是直接变更状态。
actions 可以包含任意异步操作。
store -> mutations.js
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
(5)使用
Counter.vue
4.启动项目
5.github地址:https://github.com/yulingjia/vue-test.git