v-model触发点击事件 父组件子组件相互通信

父组件如下：

<template>
<div>
<MyProp @click="onClick" />
</div>
</template>

<script>
import MyProp from '@/components/MyProp.vue'
export default {
name: "app",
components: {
MyProp,
},
methods: {
onClick() {
console.log('ok, 可以睡觉了')
}
}
}
</script>

<style>
</style>

调用子组件 MyProp，并绑定监听事件@click

子组件 MyProp.vue如下：

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

<script>
export default {
methods: {
click() {
this.$emit("click");
}
}
};
</script>
<style>
</style>

子组件中 @click监听的 click 是 父组件的点击行为onClick ，子组件通过 $emit()函数触发父组件的click自定义的事件

以上理解有误 请下方留言