vue3的 setup中是获取不到this的，为此官方提供了特殊的方法，让我们可以使用this，达到我们获取全局变量的目的，但是在使用typescript的时候，就会有一些新的问题产生，这里来做一个整理。
import { getCurrentInstance } from 'vue'setup() {
const { proxy } = getCurrentInstance()
}app.config.globalProperties.$api = '111'
setup() {
const { proxy } = getCurrentInstance()
console.log(proxy.$api)
}Property 'proxy' does not exist on type 'ComponentInternalInstance | null'
我在网上找的方法：网上资料入口
import { ComponentInternalInstance, getCurrentInstance } from 'vue';
// 添加断言
const { proxy } = getCurrentInstance() as ComponentInternalInstance效果：不识别这种写法，不清楚是什么问题。多方尝试无果
我把类型换成any，结果成功了，不知道原因，以后在查查资料
setup() {
const { proxy } = getCurrentInstance() as any
}vue3项目中，如果不用ts这样使用是没问题的
const { proxy } = getCurrentInstance()在ts中使用会报错：报错：...类型“ComponentInternalInstance | null”
我们在项目中一般会用到很多getCurrentInstance()方法，直接封装一下
创建useCurrentInstance.ts文件：
import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
const { appContext } = getCurrentInstance() as ComponentInternalInstance
const proxy = appContext.config.globalProperties
return {
proxy
}
}组件内使用：
<script lang="ts">
import { defineComponent } from "vue";
import useCurrentInstance from "@/utils/useCurrentInstance";
export default defineComponent({
setup() {
const { proxy } = useCurrentInstance();
console.log(proxy);
},
});
</script>
