vue3加载阶段修改dom元素样式

在Vue 3中，可以使用`ref`来获取DOM元素并通过操作DOM样式来修改它们的样式。具体步骤如下：

1. 在template中使用`ref`来引用你想要修改样式的DOM元素，例如：

<template>
  <div ref="myDiv">This is a div</div>
</template>

2. 在`setup`函数中使用`ref`来获取DOM元素，并通过操作DOM样式来修改它们的样式，例如：

import { ref } from 'vue'

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

    setTimeout(() => {
      myDiv.value.style.color = 'red'
    }, 1000)

    return {
      myDiv
    }
  }
}

在这里，我们使用`ref`来获取DOM元素，并在一秒钟后将其颜色更改为红色。

需要注意的是，如果要在DOM元素加载之前修改DOM样式，则需要将代码放在`onMounted`钩子函数中。