vue3 setup语法糖获取元素实例

在 Vue 3 中使用 `ref` 和 `onMounted` 可以获取元素实例。具体操作如下：

首先在 `setup` 函数中使用 `ref` 定义一个变量，并将其赋值为 `null`（或者其他的默认值）：

import { ref, onMounted } from 'vue'

export default {
  setup() {
    const myElement = ref(null)

    // ...

    return { myElement }
  }
}

然后通过 `onMounted` 钩子函数在组件渲染后获取元素实例，并将其赋值给 `myElement` 变量：

import { ref, onMounted } from 'vue'

export default {
  setup() {
    const myElement = ref(null)

    onMounted(() => {
      myElement.value = document.getElementById('my-element')
    })

    return { myElement }
  }
}

最后在模板中使用 `ref` 将元素与 `myElement` 变量绑定：

<template>
  <div ref="myElement" id="my-element"></div>
</template>

此时，通过 `myElement.value` 就可以获取到元素实例了。