【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
相关推荐
天一生水water1 分钟前
three.js加载三维GLB文件,查看三维模型
前端·1024程序员节
大数据张老师2 分钟前
数据结构——折半插入排序
数据结构·算法·排序算法·1024程序员节
2301_800256116 分钟前
地理空间数据库作业笔记——查询最偏僻的城市
数据库·笔记·sql·postgresql·1024程序员节
yi碗汤园7 分钟前
【一文了解】八大排序-插入排序、希尔排序
开发语言·算法·unity·c#·1024程序员节
Icoolkj7 分钟前
Edge-TTS+Cloudflare Worker:免费 TTS 服务搭建指南,支持 API 调用与低代码集成
1024程序员节
小莞尔8 分钟前
【51单片机】【protues仿真】基于51单片机智能温控风扇系统
c语言·单片机·嵌入式硬件·物联网·51单片机·1024程序员节
呆呆小金人9 分钟前
Linux:开源时代的隐形基石
linux·1024程序员节
没有bug.的程序员9 分钟前
Spring 常见问题与调试技巧
java·后端·spring·动态代理·1024程序员节
Han.miracle9 分钟前
数据结构——排序的超级详解(Java版)
java·数据结构·学习·算法·leetcode·排序算法·1024程序员节