Vue现点击一个标签动态更换背景颜色

要实现在 Vue 中点击一个标签动态更换背景颜色，可以使用以下步骤：

1. 给标签添加一个点击事件，使用 @click 绑定事件处理函数。
2. 在事件处理函数中，使用 Vue 的 data 属性来动态更改样式属性。
3. 在标签上使用 v-bind 绑定样式属性。

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

<template>
  <div>
    <div 
      @click="changeColor"
      :style="{ backgroundColor: bgColor }"
    >
      点我改变颜色
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bgColor: 'white'
    }
  },
  methods: {
    changeColor() {
      this.bgColor = 'red';
      setTimeout(() => {
        this.bgColor = 'white';
      }, 1000);
    }
  }
}
</script>

在上面的代码中，我们在 div 标签上使用了 @click 绑定了一个函数 changeColor。在 changeColor 函数中，我们使用了 Vue 的 data 属性 bgColor 来动态更改标签的背景颜色。在标签上使用了 v-bind 绑定了样式属性 backgroundColor，其值为 bgColor。最后，我们使用了 setTimeout 函数，来延迟 1 秒钟，以便让用户看到背景颜色的变化。