vue $emit和$on如何使用

在Vue中，$emit和$on是用来实现组件之间传值的方法。$emit用于在子组件中触发一个自定义事件，并且可以传递参数，而$on用于在父组件中监听这个事件并执行相应的逻辑。注意，$emit和$on的事件必须在一个公共的实例上才能触发。具体的使用方法如下所示：

1. 在子组件中使用$emit触发事件：

   this.$emit('eventName', parameter);

其中，'eventName'是自定义的事件名，parameter是要传递的参数。

2. 在父组件中使用$on监听事件：

   <child-component v-on:eventName="handleEvent"></child-component>

其中，'eventName'是子组件中触发的事件名，handleEvent是父组件中的一个方法，用于处理事件的逻辑。

通过以上的使用方法，就可以实现子组件向父组件传值的功能了。需要注意的是，父组件中必须使用v-on指令来监听子组件触发的事件，并将事件名与相应的处理方法绑定起来。<span class="em">1</span><span class="em">2</span><span class="em">3</span>