和Vue2不同,因为Vue3的特点是使用Composition API,用到setup函数,但是setup中没有this,因此不能使用原本Vue2的this.$refs.xxx来获取DOM
那么在Vue3中如何获取ref呢?
以下为步骤
- 在dom标签上添加ref属性
<div ref="title">标题</div>
2.在setup()函数中使用ref()函数包裹一个`null
const title = ref(null)
这样会在dom挂载之前先创建一个响应式的null
3.Vue3在dom挂载之后,将dom赋值给响应式
title
