Vue父组件调用子组件事件的两种方法

首先我们要了解 $on 和 $emit：
vm.$on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
vm.$emit( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。

• 1. 方法一：$emit、$on 方式

• 2. 方法二：通过ref直接调用子组件方法

父组件中：

子组件中:

触发父组件的click事件，结果如下图：