Vue3 子组件拋出事件(在setup使用emit)

Vue3的setup函数接收props和context作为参数,context包含attrs、slots和emit。emit用于向父组件发送事件,可以两种方式调用:通过context.emit或直接解构出emit。方法1是使用context对象的emit方法,方法2是通过传入的emit函数直接调用。
摘要由CSDN通过智能技术生成

Vue3 setup 函数有两个入参,一个是 props 第二个是context,context包含了三个组件属性,attrs、slots 和 emit。

有两种方式可以使用emit:

方法1.

export default {
    setup(props, context) {
        context.emit('event', value); // event:傳給父祖件的事件名稱、value傳過去的值
    },
    ....
};

方法2.

export default {
    setup(props, { emit }) {
        emit('event', value);
    },
    ....
};

setup介绍详见Vue3官网

https://vuejs.org/api/composition-api-setup.html#setup-context

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值