组合式API - 模版引用

0 阅读1分钟

组合式API - 模版引用

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

1. 基本使用

实现步骤:

  1. 调用ref函数生成一个ref对象
  2. 通过ref标识绑定ref对象到标签

image.png

2. defineExpose

默认情况下在 <script setup>语法糖下组件内部的属性和方法是不开放给父组件(也就是说这个defineExpose是写在子组件里面的)访问的,可以通过defineExpose编译宏指定哪些属性和方法容许访问

说明:下面的代码将子组件里面的testMessage属性暴露出来,使之可以被父组件访问到