Vue3_03_setup函数

本文详细解读了Vue3.0中setup配置项的新功能,介绍了其作为组件组合式API的核心位置,区分了数据和方法在setup中的应用,并强调了从Vue2到Vue3的迁移策略,特别提到了返回值类型对模板的影响以及如何避免数据冲突和混用问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.理解:Vue3.0 中的一个新的配置项,值为一个函数。

2.setup是所有组合式 API 表演的舞台。

3.组件中所用到的:数据、方法等等,均要配置在setup中。

4.setup函数的两种返回值:

  • 若返回一个对象,则对象中的属性、方法,在模板中均可以直接使用(重点关注!)
  • 若返回一个渲染函数:则可以自定义渲染内容。(了解)

5.说明:

在vue2的配置中可以使用vue3的数据、方法等;但是在vue3的setup配置中,不能使用vue2的数据和方法。数据中vue2和vue3发生冲突时,以vue3为主。为了防止出现问题,vue2和vue3尽量不要混用!

6.setup的两个注意点! 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值