Vue3 emit使用

作者: Spinach | 来源:发表于2022-09-15 16:07 被阅读0次

①定义函数
②使用子组件时使用该函数

const fatherFn = (参数：接收子组件传递的数据) =>{
  函数体...
}

<Child @fatherFn ="fatherFn " />

①子组件引入defineEmits
②赋值给emit
③触发

import {  defineEmits} from 'vue';
const emit = defineEmits(['fatherFn ']);
//触发
emit('fatherFn ', {参数：传递给父组件的数据});

抛出自定义事件
vue3使用emit分发事件，类似于$emit，从setup的第二个参数中解构出emit
Vue3 emit使用
父组件： ①定义函数②使用子组件时使用该函数子组件： ①子组件引入defineEmits②赋值给emit③触发
16、Vue3 declare it using the "e
Vue3中子组件通过emit抛出事件出现如下警告但不影响使用：Extraneous non-emits eve...
vue3 组合api写法
vue3写法变量声明改变，不用在创建data函数，使用reactive声明，比如： emit接收方式一样，触发不...
vue3使用emit传参
1. 父子传值
Vue3 的 7 种和 Vue2 的 12 种组件通信
Vue2.x组件通信12种方式写在后面了，先来 Vue3 的 Vue3 组件通信方式 props $emit ex...
vue3知识点（六）---emit
vue3中定义了emit属性，用于定义事件，注意如果emit出来的事件名与原生事件名一致(比如click),父组件...
vue3 组件传值
一、父传子接通过 props接受，在vue3里props是响应式的二、子传父接通过emit，由于vue3中的se...
6、Vue3 context.emit
vue3 setup中子组件抛出事件通过context.emit 案例 index.vue 父页面 child1....
vue子传父
$emit向上提交事件使用$emit调用父组件的事件

网友评论

本文标题：Vue3 emit使用

本文链接：https://www.haomeiwen.com/subject/tovjortx.html

Vue3 emit使用