vue鼠标事件

Vue支持很多鼠标事件，包括：

- `@click`：鼠标单击事件
- `@dblclick`：鼠标双击事件
- `@mousedown`：鼠标按下事件
- `@mouseup`：鼠标松开事件
- `@mousemove`：鼠标移动事件
- `@mouseover`：鼠标移入事件
- `@mouseout`：鼠标移出事件
- `@mouseenter`：鼠标进入事件（不会冒泡）
- `@mouseleave`：鼠标离开事件（不会冒泡）

这些事件可以直接绑定到HTML元素上，例如：

<template>
  <div @click="handleClick">Click me</div>
</template>
<script>
export default {
  methods: {
    handleClick() {
      console.log('Clicked!');
    }
  }
}
</script>

当用户单击上面的`<div>`元素时，`handleClick`方法会被调用。