vuex的使用,安装,概念区别

兄弟节点之间无法发生通信。 

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的总结笔记

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值