+-
vue3 + typescript 中,定义了一个全局变量,获取该值时却总报错
// main.ts 文件
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import './styles/main.scss'

const app = createApp(App)

app.use(store)
app.use(router)
app.mount('#app')

// 定义全局变量
app.config.globalProperties.$http = 'xxxxx'

在 home.vue 文件中引入 getCurrentInstance(),获取 vue 实例,通过该函数返回的 ctx,获取刚才定义的全局变量;
image.png

<!-- home.vue -->
<template></template>

<script lang="ts">
import { defineComponent, onMounted, reactive, ref, getCurrentInstance } from 'vue'

export default defineComponent({
  name: '',
  components: {},
  setup() {
    console.log(getCurrentInstance().ctx)    // 会报错,没有 ctx 属性
    const { ctx } = getCurrentInstance()    // 一旦使用解构定义 ctx 时,ctx 就会报错
    
    return {}
  }
})
</script>

不知是 typescript 的问题还是 vue 的问题,但是不知道怎么修改,望路过大佬指点。
image.png
image.png