在实际项目中,我们经常会遇到需要父组件与子组件之间相互通信的场景,自定义事件成为了解决这个问题的好办法。 一、Vue2自定义事件概述 在Vue2中,可以通过`v-on`指令监听自定义事件。子组件触发事件的方式是使用`$emit`方法,同时传递一个字符串作为事件名称。父组件通过监听这个事件名称,就可以在事件触发时调用子...
例如,我们可以在子组件中定义一个名为`onButtonClick`的属性,以接收父组件传递的方法。 ```javascript import { defineProps } from 'vue'; export default { props: { onButtonClick: { type: Function, required: true } }, // ... } ``` 接下来,在子组件中可以使用`$emit`方法来触发父组件传递的...
(1)在子组件中,使用`v-on`指令绑定自定义事件,并指定事件处理函数。例如: ```html <template> 点击传递数据给父组件 </template> export default { methods: { handleClick() { this.$emit("parent-method", "来自子组件的数据"); }, }, }; ``` (2)在父组件中,使用`v-on`指令监听子组件触发...