VUE 兄弟组件传值

一 bus.$on和bus.$emit

首先创建bus.js文件用于"中间站"作用

 在所要使用的vue组件中引用bus.js文件

 使用bus.$emit向兄弟组件传值

 在点击事件中bus.$emit("接收数据的函数",数据)

在接收数据的组建中使用bus.$on接收数据

 最后将值传递到你要用到的地方。

二 VUEX

state 管理组件数据,管理的数据是响应式的,当数据改变时驱动视图更新
mutations 更新数据,state中的数据只能使用mutations去改变数据(只能处理同步的场景)
actions 处理异步场景,处理成功后把数据提交给mutations,进而更新state
Devtools指的是浏览器的Vue插件调试工具,它可以监控到数据的所有变更操作。

getters相当于在State和组件之间添加一个环节(对state中的数据进行加工处理后再提供给组件)

getters不要修改state中的数据

不可以直接修改state 中参数的值,要在 mutations调用方法修改

点击事件中使用this.$store.commit(“mutations的名称”,参数)

 

 在其他组件就可以使用vuex中的值

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱猪头的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值