方法中添加div样式

如果你想在 Vue 的方法中添加 div 标签的样式，你可以使用以下方法：

1. 使用 JavaScript 操作样式，例如：

<template>
  <div ref="myDiv">这是一个 div 标签</div>
</template>

<script>
export default {
  methods: {
    changeStyle() {
      const myDiv = this.$refs.myDiv;
      myDiv.style.color = 'red';
      myDiv.style.fontSize = '16px';
    }
  }
}
</script>

2. 使用动态绑定 class 或 style，例如：

<template>
  <div :class="{ 'red': isRed }" :style="{ fontSize: fontSize + 'px' }">这是一个 div 标签</div>
  <button @click="changeStyle">改变样式</button>
</template>

<script>
export default {
  data() {
    return {
      isRed: false,
      fontSize: 16
    }
  },
  methods: {
    changeStyle() {
      this.isRed = true;
      this.fontSize = 20;
    }
  }
}
</script>

<style>
.red {
  color: red;
}
</style>

在上面的例子中，我们使用了动态绑定 class 和 style，当点击按钮时会触发 `changeStyle` 方法，然后动态改变 div 标签的样式，其中 `:class="{ 'red': isRed }"` 表示当 `isRed` 为 true 时，div 标签会添加 `red` 类样式，`:style="{ fontSize: fontSize + 'px' }"` 表示动态绑定 div 标签的字体大小样式。