+-
// 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,获取刚才定义的全局变量;
<!-- 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 的问题,但是不知道怎么修改,望路过大佬指点。