vue 3.x 定义全局变量&使用

在 main.ts 中

import { createApp } from 'vue'
import App from './App.vue'
import $axios from '@/api/config'

const app = createApp(App)

app.config.globalProperties.$axios = $axios

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

在 vue 文件中

import { defineComponent, ref, getCurrentInstance } from 'vue'

export default defineComponent({
  name: 'Nav',
  setup() {
    // 在ts中直接使用 const { ctx }=getCurrentInstance().可能会报 Property 'ctx' does not exist on type 'ComponentInternalInstance | null'. 的错误. 可在后面加上 “as any” 解决。
    const { ctx } = getCurrentInstance() as any
    ctx.$axios.get('/home/getMenuList').then((res: any) => {
      console.log(res)
    })

    return {
      
    }
  }
})
上一篇:typeScript笔记整理


下一篇:并查集我知不道