Vue3 的 setup 中使用 $refs

柒柒兮

于 2021-11-17 16:21:55 发布

阅读量4.2k

点赞数

分类专栏： vue 文章标签： css css3 vue

本文链接：https://blog.youkuaiyun.com/qq_28948031/article/details/121381337

版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文详细探讨了在 Vue3 的新特性 `setup` 函数中如何有效地使用 `$refs`。通过实例解析，展示了如何在组件间进行通信，以及如何在 `setup` 中获取和操作子组件的属性与方法，进一步提升了开发效率和代码的可维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<div class="container" ref="domRef"></div>
</template>
<script setup>
	import {
		ref,onMounted
	} from "vue";
	const domRef = ref(null)
	onMounted(() => {
	  console.log(domRef.value)//获取到div.container这个元素
	})
</script>