vue鼠标按下和松开事件

在 Vue 中，可以使用 `v-on` 指令来监听鼠标按下和松开事件。具体的事件名称为 `mousedown` 和 `mouseup`。

例如，可以在一个按钮上监听鼠标按下事件：

<button v-on:mousedown="handleMouseDown">按下我</button>

然后在 Vue 实例中定义 `handleMouseDown` 方法来处理按下事件：

methods: {
  handleMouseDown() {
    console.log('鼠标按下了');
  }
}

同样可以监听鼠标松开事件：

<button v-on:mouseup="handleMouseUp">松开我</button>

然后在 Vue 实例中定义 `handleMouseUp` 方法来处理松开事件：

methods: {
  handleMouseUp() {
    console.log('鼠标松开了');
  }
}

如果需要同时监听鼠标按下和松开事件，可以在同一个元素上使用 `v-on` 指令：

<button v-on:mousedown="handleMouseDown" v-on:mouseup="handleMouseUp">按下并松开我</button>