vue父组件监听子组件点击

你可以通过在父组件中给子组件绑定一个自定义事件，然后监听该事件来实现父组件监听子组件的点击。具体步骤如下：

1. 在子组件中定义一个方法来触发自定义事件，例如：

<template>
  <button @click="handleClick">点击我</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('child-clicked', 'hello world');
    }
  }
}
</script>

2. 在父组件中使用子组件时，给子组件绑定自定义事件，并在父组件中定义一个方法来处理该事件，例如：

<template>
  <div>
    <child-component @child-clicked="handleChildClick"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleChildClick(msg) {
      console.log('子组件点击了，消息为：', msg);
    }
  }
}
</script>

这样，当子组件被点击时，会触发自定义事件并将消息传递给父组件的处理方法。父组件就可以监听到子组件的点击事件了。