请选择 进入手机版 | 继续访问电脑版

VueJs 3 前端开发学习

 找回密码
 加入学习
搜索
热搜: 活动 交友 discuz
查看: 179|回复: 0

[Vuejs2] 组件之间是怎么通信的?

[复制链接]

23

主题

25

帖子

113

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
113
发表于 2021-7-22 17:28:27 | 显示全部楼层 |阅读模式
  • 父子组件通信

父组件 -> 子组件:prop

子组件 -> 父组件:$on/$emit

获取组件实例:使用$parent/$children,$refs.xxx,获取到实例后直接获取属性数据或调用组件方法

  • 兄弟组件通信

Event Bus:每一个Vue实例都是一个Event Bus,都支持$on/$emit,可以为兄弟组件的实例之间new一个Vue实例,作为Event Bus进行通信。

Vuex:将状态和方法提取到Vuex,完成共享

  • 跨级组件通信

使用provide/inject

Event Bus:同兄弟组件Event Bus通信

Vuex:将状态和方法提取到Vuex,完成共享


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入学习

本版积分规则

QQ|Archiver|手机版|小黑屋|vue3

GMT+8, 2021-10-16 23:15 , Processed in 0.041303 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表