一、模板引用的概念

通过ref标识获取真实的dom对象或者组件实例对象

二、如何使用 (以获取dom为例组件同理)

调用ref函数生成一个ref对象

通过ref标识绑定ref对象到标签
注意：变量名和ref绑定的名字要一致！！！
image.png

三、defineExpose

默认情况下在<script setup>语法糖下组件内部的属性和防法是不开放给父组件

访问的可以通过defineExpose编译宏指定哪些属性和方法允许访问

image.png

Vue3 组合式API.md
组合式API 介绍什么是组合式 API(composition API) 组合式 API 是 Vue3 提供的新...
Vue 组件
全局组件引入局部组件引入 ref获取dom节点、获取组件引用 ref在html元素获取的是dom节点ref在组件...
【VUE3】vue3.0项目配置
vue3 + vite + TS + vue-router + vuex + less + 组合式API + 多语...
使用id引用DOM元素
今天偶然发现，直接使用id就可以引用DOM元素，比如：那么，可以使用id来引用DOM元素，比如获取input的v...
vue中ref（$refs）的用法
官网概念：解读：用途：ref相当于给元素或组件赋予一个ID引用，用来注册引用信息的，方便获取dom元素或获取组...
VUE02--{directive、filter、compute
VUE 案例：input自动获取焦点 1. DOM操作（1）ref属性表示对dom的引用，ref值自定义，但不能...
Vue3
Vue3启程关键字：创建vue实例、响应式、响应式原理、组合式API 1. 初始Vue3 Vue2存在一些缺陷，...
VUE 爬坑笔记 (2)
ref 属性 ref属性标示对dom的引用，值是唯一值，定义在dom标签内获取时使用this.$refs.属性值...
【vue3源码】十二、认识虚拟DOM
【vue3源码】十二、认识虚拟DOM 什么是虚拟DOM？虚拟DOM（也可以称为vnode）描述了一个真实的DOM...
【Vue3 从入门到实战进阶式掌握完整知识体系】018-探索组
9、基础语法知识点补充使用ref获取dom节点运行结果使用ref获取子组件的引用运行结果 provide和...