Vue3.0-setup函数

Vue3.0引入的setup函数是Composition API的核心,它在beforeCreate生命周期之前运行,此时this未定义。setup分为两种使用方式:直接在script中使用,返回数据和方法;或者作为script的属性,不需返回。setup内不能有异步操作,且它的执行早于数据绑定,使得数据和方法的组织更加模块化。

setup是有所Composition API(组合API) “表演舞台”

组件中所有用到的:数据、方法等等,都要配置在setup中

在Vue3.0中setup一共有两种使用方式,

第一种是正常的在script中使用setup函数,然后给出数据、方法的返回值就可以使用对应的数据、方法,这种情况下,vue2.0中的生命周期函数,data,methods、计算属性,监听器等都可以正常使用,但是data和setup两个的优先级,setup优先级更高。

第二种是在script标签中将setup当成一个属性,这是setup的一种语法糖,添加进去,然后再script中不再需要像setup函数一样需要返回对应数据、方法,

面试题:说一下你对vue3.0中的setup函数的理解?

setup只能是同步,不能是异步

它的执行在组件实例创建之前即vue2.x的beforeCreate执行

由第二点得知,setup函数中this还不是组件实例,即this就是undefined

案例:

 浏览器显示:

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值