【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
相关推荐
程序员是干活的5 小时前
私家车开车回家过节会发生什么事情
java·开发语言·软件构建·1024程序员节
freellf8 天前
数据结构及基本算法
1024程序员节
BruceGerGer25 天前
flutter开发实战-flutter web加载html及HtmlElementView的使用
flutter·1024程序员节
网络冒险家2 个月前
【软考】系统集成项目管理工程师【第二版】
职场和发展·软考·集成学习·1024程序员节·系统集成项目工程师
BruceGerGer2 个月前
flutter开发实战-AssetBundle读取指定packagename的文件
flutter·1024程序员节
sheng12345678rui2 个月前
最新缺失msvcp140.dll的多种解决方法,有效解决电脑dll问题
windows·microsoft·电脑·dll文件·1024程序员节
a5553338203 个月前
电脑显示mfc140u.dll丢失的修复方法,总结7种有效的方法
java·经验分享·dll·dll文件丢失·1024程序员节
行十万里人生3 个月前
C++ 智能指针
linux·c++·git·阿里云·容器·蓝桥杯·1024程序员节
a5553338203 个月前
启动鸣潮提示错误代码126:加载d3dcompiler_43.dll错误或缺失的7个解决方法
前端·经验分享·dll·dll文件丢失·1024程序员节
BruceGerGer3 个月前
flutter开发实战-Webview及dispose关闭背景音
flutter·1024程序员节