vue 点击切换背景颜色

您可以使用 Vue 的绑定语法，在按钮的点击事件中绑定一个函数，然后在该函数中切换背景颜色。以下是一个简单的示例：

首先，在 Vue 实例中定义一个变量来存储当前背景颜色：

data() {
  return {
    backgroundColor: 'white'
  }
}

然后，在 HTML 模板中使用该变量来绑定背景颜色：

<div :style="{ backgroundColor: backgroundColor }">
  <!-- 页面内容 -->
  <button @click="toggleBackgroundColor">切换背景颜色</button>
</div>

最后，在 Vue 实例中定义一个函数来切换背景颜色：

methods: {
  toggleBackgroundColor() {
    if (this.backgroundColor === 'white') {
      this.backgroundColor = 'blue';
    } else {
      this.backgroundColor = 'white';
    }
  }
}

这样，每次点击按钮时，背景颜色就会在白色和蓝色之间切换。