【vue】组件通选方式

父子传值

props $emit

这是最基本的父子组件通讯方式。通过 props 属性将数据从父组件传递给子组件,而子组件通过触发事件($emit)将数据发送回父组件。

children parent

通过 parent 属性可以访问父组件的实例,通过 children 属性可以访问子组件的实例。
之前的文章有 children parent 示例

$refs

使用 ref 属性可以在父组件中引用子组件,然后可以通过 this.$refs 来直接访问子组件的属性和方法。

祖孙传值

provide inject

之前的文章有provide inject 示例

attrs listeners

之前的文章有attrs listeners代码示例

兄弟传值(同样适用于父子、祖孙)

vuex
eventBus
相关推荐
学传打活6 小时前
【边打字.边学昆仑正义文化】_19_星际生命的生存状况(1)
微信公众平台·1024程序员节·汉字·昆仑正义文化
unable code7 天前
[HNCTF 2022 WEEK2]ez_ssrf
网络安全·web·ctf·1024程序员节
unable code8 天前
[NISACTF 2022]easyssrf
网络安全·web·ctf·1024程序员节
unable code9 天前
BUUCTF-[第二章 web进阶]SSRF Training
网络安全·web·ctf·1024程序员节
开开心心就好10 天前
进程启动瞬间暂停工具,适合调试多开
linux·运维·安全·pdf·智能音箱·智能手表·1024程序员节
仰泳之鹅11 天前
【51单片机】第一课:单片机简介与软件安装
单片机·嵌入式硬件·51单片机·1024程序员节
海海不瞌睡(捏捏王子)12 天前
C#知识点概要
java·开发语言·1024程序员节
小浣熊熊熊熊熊熊熊丶13 天前
飞牛NAS 安装 Teslamate 教程(docker版)
1024程序员节
程高兴13 天前
模糊PID控制的永磁同步电机矢量控制系统-SIMULINK
matlab·1024程序员节
海海不瞌睡(捏捏王子)13 天前
Unity知识点概要
unity·1024程序员节