vue监听鼠标点击的元素

在Vue中监听鼠标点击的元素，可以使用v-on指令和事件修饰符。例如：

<template>
  <div>
    <button v-on:click="handleClick($event)">Click me!</button>
    <div v-on:click.self="handleClick($event)">Click me too!</div>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      console.log(event.target); // 点击的元素
    }
  }
}
</script>

在上面的例子中，第一个按钮的点击事件会冒泡到父元素，并执行`handleClick`方法。`$event`参数可以获取到事件对象，通过`event.target`可以获取到点击的元素。

第二个`div`元素使用了`.self`事件修饰符，表示只有在点击该元素本身时才会触发事件。