vue 子组件调用父组件的函数

   子组件调用父组件的函数，使用$emit(eventName,[...args])，触发当前实例上的事件。附加参数都会传给监听器回调。

1.子组件

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

<script>
export default {
  methods: {
    onClick(){
      this.$emit('alert', 123)
    }
  },
}
</script>

2.父组件

<template>
  <div>
    <mark @alert="onClick"></mark>
  </div>
</template>

<script>
export default {
  methods: {
    onClick(num) {
      console.log(num); // 123
    }
  }
};
</script>