在Vue中组件和组件之间的通信有哪些?

1.父向子传数据?

props

2.子向父传数据?

第一种方式:父向子传一个函数,子接收这个函数,然后子去调用这个函数,通过这个函数

向子传数据

第二种方式:组件的自定义事件

绑定事件:负责接收数据

触发事件:负责发送数据

3.可以完成所有组件之间的数据,包括:兄弟之间、爷孙之间、但不限于这些

全局事件总线

4.怎么选择呢?

父向子:props

子向父:自定义事件

其他的关系使用全局事件总线

相关推荐
JiaLin_Denny2 小时前
Vue3中ref和reactive用法与双向数据绑定
前端·javascript·vue.js
无人生还2 小时前
从 Vue3 到 React · 快速上手系列第 12 篇:并发特性与性能优化
前端·vue.js·react.js
柒@宝儿姐3 小时前
若依 B 端从浏览器访问升级为 Windows 安装包交付流程
前端·javascript·vue.js·windows
达子66618 小时前
第26章_HarmonyOs开发图解之 设备管理
vue.js
自然 醒19 小时前
v-tooltip自定义指令封装
前端·javascript·vue.js
万敏1 天前
Vue3 全栈实战第四周:watch、nextTick、性能优化与 keep-alive 实战记录
vue.js·node.js·全栈
布兰妮甜1 天前
Vue 大型页面性能优化:四个核心策略
vue.js·性能优化·虚拟滚动·组件缓存·按需加载
di24k24k1 天前
多个 el-form 共用同一 ref 导致表单校验部分失效
前端·javascript·vue.js·elementui
执子念的飞鱼1 天前
Vue 3 文件预览落地:鉴权 Blob、Worker/WASM 与内网子路径部署
vue.js·webassembly
无人生还1 天前
从 Vue3 到 React · 快速上手系列第 11 篇:状态管理
前端·vue.js·react.js