vue鼠标移入移出改变背景颜色

您好，我已经记录下您的要求和问题。关于您的问题，可以通过以下代码来实现：

<template>
  <div class="container" v-bind:style="{ backgroundColor: bgColor }" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
    <h1>Vue 鼠标移入移出改变背景颜色</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bgColor: "white"
    };
  },
  methods: {
    mouseEnter() {
      this.bgColor = "lightgray";
    },
    mouseLeave() {
      this.bgColor = "white";
    }
  }
};
</script>

在上面的代码中，我们在容器元素上添加了两个事件(mouseenter 和 mouseleave)，这两个事件分别触发了 mouseEnter 和 mouseLeave 两个方法，用来改变容器元素的背景颜色。在这个例子中，当鼠标移入时，背景颜色将变成灰色，当鼠标移出时，背景颜色将变成白色。希望这能够帮助到您！