vue3怎么用this.$refs

在Vue3中，你可以使用`this.$refs`来引用组件实例或者DOM元素。通过给DOM元素或者组件添加`ref`属性，你可以在组件中使用`this.$refs`来获取对应的引用。

例如，如果你想要引用一个DOM元素，你可以这样操作：

<h3 ref="myh3">MyRef</h3>
<button @click="getRef">获取对$refs的引用</button>

在方法中，你可以通过`this.$refs.引用的名称`来获取DOM元素的引用：

methods: {
  getRef() {
    console.log(this.$refs.myh3);
    // 操作DOM元素，比如将文本颜色改为红色
    this.$refs.myh3.style.color = 'red';
  }
}

如果你想要引用一个组件实例，你可以这样操作：

<template>
  <h3>MyRef组件</h3>
  <button @click="getRef">获取$refs引用</button>
</template>

<script>
export default {
  methods: {
    getRef() {
      console.log(this.$refs);
      // 通过this.$refs.引用的名称，可以获取组件实例的引用
    }
  }
}
</script>