天天看点

vue3中组件的使用(二)

子组件事件

子组件向父组件传递使用​

​$emit()​

​​方法去触发事件。然后父组件使用​

​v-on​

​​指令去监听子组件的自定义事件。使用的语法是​

​$emit(event, [...num])​

​,其中event指的是事件名,num表示参数,其中参数会传给事件监听器的回调函数。子组件想要向父组件传递的数据可以使用第二个参数。我们需要注意的是方法触发的事件名称需要与监听该事件的名称要完全匹配。

<input :value="num" @input="num = $event.target.value">