ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-04-18 10:33:14  阅读:3075  来源: 互联网

标签:axios 定义 app ctx vue import 全局变量 any


在 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 {
      
    }
  }
})

标签:axios,定义,app,ctx,vue,import,全局变量,any
来源: https://www.cnblogs.com/upward-lalala/p/14672936.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有