Vuex细说
vuex
1,什么是 vuex?
vuex 是一个专门为 vue.js 应用程序 开发的状态管理模式+库
它充当应用程序中所有组件的集中存储(数据状态) ,其规则确保状态只能以可预测的方式进行变更
并且 组件状态 和 后台数据 都是响应的
2,vuex使用方法?
- 下载:$ npm i vuex -s
- 在 store.js
+ 向 vue 中 写入 vuex
- 向 vm 实例 注入 store
3,vuex 默认的五种基本对象?
· state 数据仓库 存放数据的地方(基本数据)
· mutation 是所有直接处理 state 的事件方法 提交更改数据的方法(同步)
· getter 从基本数据派生的数据
· action 和 mutations 一样 都是存放事件的方法,像一个装饰器,包裹 mutations (异步)
· module 模块化 vuex
4,mutation 细说?
参数1:是 state
参数2:payload
所有直接修改 state 状态的行为都是通过 mutations
组件中的事件 通过 this.$store.commit(‘mutations中的事件名’)
# 提交载荷 (payload)
在大多数情况下,载荷应该是一个对象,这样可以包含多个字段并且记录的 mutation 会更易读:
# 对象风格的提交方式
当使用对象风格的提交方式,整个对象都作为载荷传给 mutation 函数,因此 handler 保持不变:
5,action 细说?
首先来注册一个简单的 actions
组件通过 this.$store.dispath(‘actions中的事件名’)
# 分发 action
# 我们 在 action 内部执行异步操作
# actions 支持同样的载荷方式和对象方式进行分发:
6,action 和 mutation 区别?