vue3 如何通过ref赋值style

在Vue3中，可以使用`ref`获取组件或者元素的引用，然后通过引用来操作组件或者元素。如果要通过`ref`来给元素设置样式，可以使用`style`属性来修改元素的样式。

以下是一个简单的示例代码：

<template>
  <div ref="myDiv">Hello World</div>
</template>

<script>
import { ref } from 'vue'

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

    const setStyle = () => {
      myDiv.value.style.color = 'blue'
      myDiv.value.style.fontSize = '20px'
    }

    return {
      myDiv,
      setStyle
    }
  }
}
</script>

在上面的代码中，我们首先使用`ref`函数创建一个`myDiv`引用，并且将其初始化为`null`。然后在`setup`函数中，我们定义了`setStyle`函数，该函数将通过`myDiv.value.style`来给`<div>`元素设置样式。最后，我们将`myDiv`引用和`setStyle`函数返回给模板，以便在模板中使用。

在模板中，我们可以使用`ref`指令来将`myDiv`引用赋值给`<div>`元素。然后，当需要设置样式时，我们可以调用`setStyle`函数来修改`<div>`元素的样式。