我们都知道，父组件可以使用 props 把数据传给子组件，那么子组件如何触发父组件的自定义事件呢？这时候，我们得用到 $emit。语法格式如下：

• vm.$emit(event, arg) // 触发当前实例上的事件
• vm.$on(event, fn) // 监听 event 事件后运行 fn

子组件触发事件，调用父组件的方法

父组件

<template>
  <div>
    <Child @handleClick="handleClick" />
  </div>
</template>

<script>
import Child from "../components/Child";

export default {
  components: { Child },
  methods: {
    handleClick() {
      console.log("你触发了事件");
    },
  },
};
</script>

子组件

<...