vue3挂载全局属性

Posted 巍MG~的踩坑日记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3挂载全局属性相关的知识,希望对你有一定的参考价值。

import { createApp } from \'vue\'
import App from \'./App.vue\'
import router from \'./router\'
import store from \'./store\'
import api from "./api/http";

const app = createApp(App);
app.config.globalProperties.$api = api;

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

使用

this.$api.get(\'/api\')
     .then(res=> {
         console.log(res)
         if(res.code == 0){
            this.list = res.data
         }
      })
   .catch(error=>{
     console.log(error)
  })            

 

以上是关于vue3挂载全局属性的主要内容,如果未能解决你的问题,请参考以下文章

前端VUE3 在原型上挂载全局方法变量

Vue3 如何挂载全局方法 和用getCurrentInstance代替this

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

2022-03-03 vue3中使用全局变量

vue3.2 setup 之局部自定义指令

vue3.2 setup 之局部自定义指令