兄弟节点之间无法发生通信。
vuex的安装使用
npm i vuex
import导入,Vue.use使用
vuex不建议直接改数据,建议用mutation突变。 一个mutation就是一个变化的过程,从一种状态变到另一种状态。
1关于Mutations使用说明:
- 1. 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
- 2. mutations非常类似于事件,都有一个字符串的事件类型type和一个回调函数handler
- 3. 这个回调函数就是修改状态的地方,
- 4. store对象提供了一个commit方法用来触发mutations中的事件, 有点类似于$emit
提交载荷(Payload)
简单的理解就是往handler(state)中传参handler(state,pryload);一般是个对象。
.commit
提交可以在组件中使用 this.$store.commit(‘xxx’) 提交 mutation,或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用(需要在根节点注入 store)
**commit是专门用来调用突变方法的,第一个参数是调用方法的名字。
在控制台写:
store.commit("xxx")
在代码里用:
Vuex中store数据改变的唯一方法就是mutation!
mutation必须是同步函数 *
*actions是专门用来处理异步的**
commit与disputed的区别
commit => mutations, 用来触发同步操作的方法. • dispatch => actions, 用来触发异步操作的方法.
以上,是vuex的总结笔记