vue3的标签ref属性使用方法

在将项目从Vue2升级到Vue3时,会发现Vue3不再支持this.$refs的方式来获取ref。Vue3引入了新的ref语法,使用`ref()`函数并通过`.value`来访问。例如,通过`<divref=myRef></div>`和`constmyRef=ref()`,然后使用`myRef.value`来获取引用。
摘要由CSDN通过智能技术生成

当我们从vue2迁移vue3的时候,vue2的ref属性在vue3是没有this.$refs..这个方法的,在一开始的时候刚升级有点不理解,先做个记录,方便自己以后查询。

vue3的ref使用的vue2的object.propertype这个方法来监测属性修改的。

<div ref="myRef"></div>

const myRef = ref()

获取ref就 myRef.value~~~

懒得手动再敲一遍,借用的别的作者的图,侵犯隐私私信我~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值