vue3 ref dom获取 composition-api

本文详细介绍了Vue3中ref的使用,通过一个具体的模板示例展示了如何替代`this.$refs`,并强调了在setup函数内设置样式以及使用useRouter和useRoute的注意事项。在Vue3中,ref不再仅仅用于元素引用,还用于响应式属性的创建和管理。
摘要由CSDN通过智能技术生成
<template>
  <div>
    <div ref="aaa"></div>
  </div>
</template>
export default defineComponent({
	setup() {
		// 代替 this.$refs.aaa
		const aaa = ref()
		aaa.value.style = 'color: #fff'
		return {
			aaa // 必须注册,不然找不到
	    }
	}
})

注意

useRouter(跳转), useRoute(获取路由参数) vue2.0一样注意区分
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值