VUE3 setup 语法糖解决没有this的问题

背景

我们在使用vue2的时候经常会用到vue中的this,方便我们拿到ref或store等,但是vue3版本的setup语法糖却没有this关键字

解决

我们可以使用getCurrentInstance方法获得与this关键字类似的效果

代码示例

<template>
	<div ref="adiv"></div>
</template>
<script setup lang="ts">
	import { getCurrentInstance } from "vue";
	const instance = getCurrentInstance();
	//获取上面的div
	const adiv = instance.refs.adiv;
</script>