【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
相关推荐
yaosheng_VALVE7 小时前
稀硫酸介质中 V 型球阀的材质选择与选型要点-耀圣
运维·spring cloud·自动化·intellij-idea·材质·1024程序员节
网安_秋刀鱼9 小时前
java组件安全
web安全·网络安全·1024程序员节
earthzhang202110 小时前
《深入浅出HTTPS》读书笔记(7):安全的密码学Hash算法
网络·网络协议·http·https·1024程序员节
程序员小海绵【vincewm】12 小时前
【设计模式】结合Tomcat源码,分析外观模式/门面模式的特性和应用场景
设计模式·tomcat·源码·外观模式·1024程序员节·门面模式
一个通信老学姐13 小时前
专业140+总分410+东北大学841考研经验东大电子信息与通信工程通信专业基础真题,大纲,参考书
考研·信息与通信·信号处理·1024程序员节
惜.己13 小时前
Jmeter中的监听器(一)
测试工具·jmeter·1024程序员节
纪伊路上盛名在15 小时前
AI制作ppt
1024程序员节
爱搞技术的猫猫16 小时前
实现API接口的自动化
大数据·运维·数据库·性能优化·自动化·产品经理·1024程序员节
FFDUST1 天前
C++ 优先算法 —— 四数之和(双指针)
c语言·开发语言·c++·算法·leetcode·1024程序员节
惜.己1 天前
Jmeter中的配置原件(三)
功能测试·测试工具·jmeter·1024程序员节