五大核心概念
- state 专门存共享数据的地方
- getter 可以针对现有的 state 数据或者其余的 getter 做的一个二次计算。可以理解为仓库的计算属性
- mutation 唯一能够修改 state 数据的东西,不允许写异步代码
- action 它里面可以写异步代码,它如果要修改 state 数据,是通过去调用 mutation
- module 仓库模块的拆分
使用
-
项目中安装 vuex
$ npm install vuex
-
创建 src/store.js 文件。这个文件用来生效仓库的实例
-
需要在 src/main.js 文件的 new Vue() 的位置去配置 store 选项,选项值是上一个步骤中暴露出来的 store 的实例