<script setup>中使用$refs

<template>
  <div ref="test">
    display
  </div>
</template>
<script setup>
import Guacamole from 'guacamole-common-js'
import GuacMouse from '@/libs/GuacMouse'
import states from '@/libs/states'
import clipboard from '@/libs/clipboard'
import { computed, onMounted, watch, ref, onUpdated } from 'vue'

const test = ref(null)
function resize() {
}
onMounted(() => {
  console.dir(test.value.clientWidth)
}
)
//这里的导出是关键,不导出无法与dom关联
defineExpose({
  test
})

</script>
<style>
.greeting {
  background-color: red;
  font-weight: bold;
}
</style>