一、模板引用的概念
通过ref标识获取真实的dom对象或者组件实例对象
二、如何使用 (以获取dom为例 组件同理)
- 调用ref函数生成一个ref对象
- 通过ref标识绑定ref对象到标签
注意:变量名和ref绑定的名字要一致!!!
image.png
三、defineExpose
image.png
- 默认情况下在<script setup>语法糖下组件内部的属性和防法是不开放给父组件
- 访问的可以通过
defineExpose
编译宏指定哪些属性和方法允许访问
通过ref标识获取真实的dom对象或者组件实例对象
- 调用ref函数生成一个ref对象
- 通过ref标识绑定ref对象到标签
注意:变量名和ref绑定的名字要一致!!!
image.png
image.png
- 默认情况下在<script setup>语法糖下组件内部的属性和防法是不开放给父组件
- 访问的可以通过
defineExpose
编译宏指定哪些属性和方法允许访问
本文标题:组合式API- 模版引用(dom的获取)(Vue3学习10)
本文链接:https://www.haomeiwen.com/subject/rgpjwdtx.html
网友评论