vue3使用this.$ref

在 Vue3 中，可以使用 `ref` 函数来为元素或子组件创建一个引用。创建的引用可以通过 `this.$refs` 访问到。使用 `this.$refs` 可以方便地访问到子组件或者 DOM 元素，并且可以直接操作它们的属性或方法。

示例：

在模板中创建一个 `div` 元素，并使用 `ref` 函数为其创建一个引用：

<template>
  <div ref="myDiv">Hello, Vue3!</div>
</template>

在组件中可以通过 `this.$refs` 访问到 `myDiv` 引用，并操作它的属性或方法：

<script>
export default {
  mounted() {
    const myDiv = this.$refs.myDiv;
    myDiv.style.color = 'red';
  }
}
</script>

在上述代码中，我们获取了 `myDiv` 引用，并设置了其颜色为红色。

需要注意的是， `this.$refs` 只在组件渲染完成后才能访问到，因此需要在 `mounted` 生命周期钩子中使用它。