【vue3 入门到实战】7. 标签中的 ref

借来一夜星光

已于 2025-02-06 17:56:16 修改

阅读量325

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Vue3入门到实战文章标签： vue.js 前端 javascript typescript

于 2025-02-06 16:57:15 首次发布

本文链接：https://blog.csdn.net/qq_58195504/article/details/145471851

1. ref 的作用

2. 如何使用

1. ref 的作用

用于注册模板引用

用在普通DOM标签上，获取的是DOM节点。

用在组件标签上，获取的是组件的实例对象。

2. 如何使用

代码如下

<template>
  <div class="app">
    <h2 ref="title">你好呀</h2>
    <button @click="test">测试</button>
    <Person ref="person"></Person>
  </div>
</template>

<script setup lang="ts">
import Person from './components/Person.vue'
import { ref } from 'vue';

let title = ref();
let person =