Vue2和Vue3组件间通信方式汇总（2）------$emit

组件间通信方式是前端必不可少的知识点，前端开发经常会遇到组件间通信的情况，而且也是前端开发面试常问的知识点之一。接下来开始组件间通信方式第二弹------$emit,并讲讲分别在Vue2、Vue3中的表现。

Vue2+Vue3组件间通信方式汇总（1）------props

一、$emit，子组件调用父组件的方法（也叫自定义事件）

------Vue2

       两种接收（绑定事件）方式一种：自定义事件：@child="father"形式 ,当然原生事件的修饰也可以用在自定义事件上：once\prevent\stop\capture\self\passive；另一种：ref, this.$refs.child.$on("child",对应父组件方式this.father)，当然$on也可以换成其他绑定指令如：$once 。

       第一种：用自定义事件的方式接受子组件的调用。

父组件：

<template>
  <div>
     <child @childFunc="fatherFunc"></ch