Vite挂载方法函数到全局

简介: Vite挂载方法函数到全局
/* 挂载全局对象 start */
app.config.globalProperties.$http = Axios
app.config.globalProperties.$utils = Utils

使用

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

// 方法一 start
const currentInstance = getCurrentInstance()
const { $http, $message, $route } = currentInstance.appContext.config.globalProperties


 // 方法二 start
const { proxy } = getCurrentInstance()
      
function getData() {
proxy.$http({
  url: '/api/v1/posts/list'
}).then(res=>{
  let { data } = res.data
   console.log(data)
})
}
目录
打赏
0
0
0
0
13
分享
相关文章
|
5月前
|
在 Vue 中处理组件选项与 Mixin 选项冲突的详细解决方案
【10月更文挑战第18天】通过以上的分析和探讨,相信你对在 Vue 中使用 Mixin 时遇到组件选项与 Mixin 选项冲突的解决方法有了更深入的理解。在实际开发中,要根据具体情况灵活选择合适的解决方案,以确保代码的质量和可维护性。
189 7
|
10月前
|
uniapp使用Vue3挂载函数到全局
uniapp使用Vue3挂载函数到全局
1051 0
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
608 90
|
5月前
|
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
583 0
|
7月前
|
API
VUE3——如何挂载全局属性和方法
VUE3——如何挂载全局属性和方法
341 0
|
7月前
如何在 Vue3 项目配置全局方法
本文介绍了在Vue3项目中配置全局方法的几种方式,包括如何将Moment.js日期处理类库和字符串颜色值生成方法设置为全局可访问的属性。
353 0
vue3注册添加全局实例属性的方法,如何在setup函数中调用
vue3注册添加全局实例属性的方法,如何在setup函数中调用
923 2
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
2491 0
|
10月前
|
Vue定义全局组件的三种方式
Vue定义全局组件的三种方式
62 0
|
10月前
|
Vue实例挂载的过程发生了什么
Vue实例挂载的过程发生了什么
53 0