当前位置: 首页 > news >正文

Vue3 - $refs 使用教程,父组件调用获取子组件数据和方法(setup() / <script setup>)

前言

在 Vue2 中父组件使用 $refs 调用子组件数据和方法非常简单,但在 Vue3 中这种方法行不通了。

本文实现了 Vue3 中父组件使用 $refs 获取调用子组件数据和方法教程,

并且提供了 setup()<script setup> 两种 “开发模式” 的示例代码,请根据需要进行选择。


网上的文章教程太乱且大部分都没遵守 “标准语法” ,全是各种问题 BUG 根本用不了,

本文采用最新官方标准语法,给出超级详细的注释和示例代码。


<script setup> 语法糖

以下示例,清楚的表示了如何实现。

父组件:

<template><div><!-- 子组件 --
http://www.lryc.cn/news/8669.html

相关文章:

  • 华为OD机试 - 众数和中位数(Python)| 真题+思路+考点+代码+岗位
  • 一眼万年的 Keychron 无线机械键盘
  • 自动化测试高频面试题(含答案)
  • 3、按键扫描检测处理
  • 集中式存储和分布式存储
  • 【机器学习数据集】如何获得机器学习的练习数据?
  • 【编程实践】使用 Kotlin HTTP 框架 Fuel 实现 GET,POST 接口 kittinunf.fuel【极简教程】
  • 大数据DataX(一):DataX的框架设计和插件体系
  • 软考高级信息系统项目管理师系列之十一:项目进度管理
  • vue2版本《后台管理模式》(下)
  • 软考中级-程序设计语言
  • Sphinx : 高性能SQL全文检索引擎
  • ansible实战应用系列教程6:管理ansible变量
  • java8新特性Stream流中anyMatch和allMatch和noneMatch的区别详解
  • 双网卡(有线和wifi)同时连接内网和外网
  • 如何赋能智能运维,迈出数字化黑匣子第一步?
  • 消息称索尼计划为PS5推出两款蓝牙耳机,Find My蓝牙耳机用途广
  • 状态管理VueX
  • i.MX8MP平台开发分享(clock篇)- PLL14xx驱动
  • 课程规范性要求
  • 华为OD机试 - 优秀学员统计(Python)| 真题+思路+考点+代码+岗位
  • 布林线(BOLL)计算公式详解,开口收口代表什么
  • 模糊的照片能修复吗?
  • 【Java|多线程与高并发】详解start()方法和run()方法的区别
  • mysql 一些有意思的sql语句,备忘
  • hive自定义函数
  • 数仓理论【范式】【维度建模】
  • 卷积神经网络
  • 解决Qt提示xxx.so not found( using -rpath or -rpath-link)问题
  • Blazor 托管模型 BlazorWebAssembly和Blazor Server