vue中用ref改变一个dom的style

在 Vue 中，可以使用 `$refs` 来获取到组件或 DOM 元素，并通过修改它们的属性来改变它们的样式。以下是一个例子，演示如何使用 `ref` 修改一个 `<div>` 元素的 `style` 属性：

<template>
  <div ref="myDiv">Hello World</div>
  <button @click="changeStyle">Change Style</button>
</template>

<script>
export default {
  methods: {
    changeStyle() {
      this.$refs.myDiv.style.color = "red";
      this.$refs.myDiv.style.backgroundColor = "yellow";
    }
  }
}
</script>

在上面的例子中，我们使用 `ref="myDiv"` 将 `<div>` 元素赋值给了 `$refs.myDiv`。然后在 `changeStyle` 方法中，我们通过 `$refs.myDiv.style` 来修改它的样式属性。