vue3中setUp函数的2个参数详解

本文详细介绍了 Vue3 中 `setup` 函数的两个参数:props 和 context。props 参数用于接收父组件传递的数据,必须在组件内部通过 props 声明才能使用;而 context 参数包含 attrs(获取未在 props 中声明的属性)、emit(触发事件)和 slots(访问插槽)等,提供更多的上下文信息。理解这两个参数对于深入掌握 Vue3 组件通信至关重要。
摘要由CSDN通过智能技术生成

原文地址:

vue3中setUp函数的2个参数详解 


setup(props,context){}

第一个参数:

        props,是一个对象,包含父组件传递给子组件的所有数据。 在子组件中使用props进行接收,包含配置声明并传入的所有的属性的对象,也就是说:如果你想通过props的方式输出父组件传递给子组件的值。

       你需要使用props进行接收配置。即props:{......} 如果你未通过Props进行接受配置,则输出的值是undefined

第二个参数:

       context,是一个对象。

  1.        有attrs(获取当前标签上的所有属性的对象) 但是该属性是props中没有声明接收的所有的对象。 如果你使用props去获取值,同时props中你声明了你要获取的值 则获取的值是undefined 。注意点: attrs获取值是不需要props中没有声明接收。 第一个参数props获取值是需要props中声明接收的
  2.        有emit事件分发,(传递给父组件需要使用该事件)
  3.        有slots插槽
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值