首页vue3中$emit的用法

vue3中$emit的用法

时间: 2023-10-28 21:48:33 浏览: 162

vue中的$emit 与$on父子组件与兄弟组件的之间通信方式

本文主要对vue 用$emit 与 $on 来进行组件之间的数据传输. 主要的传输方式有三种： 1.父组件到子组件通信 2.子组件到父组件的通信 3.兄弟组件之间的通信一、父组件传值给子组件父组件给子组件传子，使用props //父组件：parent.vue <template> <div> <child xss=removed></child> </div> </template> [removed] import child from "./child"; export default { data(){ return { msg:"我是父组

$emit是Vue.js中的一个方法，它用于在父组件中监听子组件的自定义事件，并且触发相应的操作。使用$emit需要在子组件中调用该方法，并将要传递的参数作为$emit的参数传入。在父组件中，可以通过在子组件标签上使用v-on指令监听子组件的自定义事件，并定义相应的操作函数来处理事件。在Vue 3中，$emit的使用方法与Vue 2相同，无需进行任何的改变。

阅读全文