《Vue应用开发》课件——3.6.3在父组件中监听自定义事件.pptxVIP

3.6.2在子组件中触发自定义事件先定一个小目标！掌握在子组件中触发自定义事件的方法，能够在子组件中触发自定义事件

在子组件中声明自定义事件后，接着需要在子组件中触发自定义事件。当使用场景简单时，可以使用内联事件处理器，通过调用$emit()方法触发自定义事件，将数据传递给使用的组件，示例代码如下。button@click=$emit(demo,1)按钮/button在上述代码中，$emit()方法的第1个参数为字符串类型的自定义事件的名称，第2个参数为需要传递的数据，当触发当前组件的事件时，该数据会传递给父组件。3.6.2在子组件中触发自定义事件

exportdefault{setup(props,ctx){constupdate=()={ctx.emit(demo,2)}return{update}}}除了使用内联方式外，还可以直接定义方法来触发自定义事件。在不使用setup语法糖时，可以从setup()函数的第2个参数（即setup上下文对象）来访问到emit()方法，示例代码如下。3.6.2在子组件中触发自定义事件

scriptsetupconstupdate=()={emit(demo,2)}/script如果使用setup语法糖，可以调用emit()函数来实现，示例