1、使用ref方式：<template><div><inputtype="text"ref="inputEl"/><button@click="setInputValue">给input赋值</button></div></template><scriptlang="ts"setup&g

一、useTemplateRef()ref()替代者引入useTemplateRef()，进一步简化了模板引用的使用，之前模板引用的方式是使用ref()，现在可以使用该API<scriptsetup>import{onMounted,useTemplateRef}from"vue";constaaaa=useTemplateRef("div");//参数绑定DOM元素上的ref

前言vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？还有template中ref属性的值明明是一个字符串，比如ref="inputEl"，怎么就和script中同名的inputEl变量绑到一块了呢？所以Vue3.5推出了一个us