Javascript

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

本文主要是介绍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 {
      
    }
  }
})
这篇关于vue 3.x 定义全局变量&使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!