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)
})
}
相关文章
|
7月前
|
JavaScript API
uniapp使用Vue3挂载函数到全局
uniapp使用Vue3挂载函数到全局
942 0
|
3月前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
493 90
|
2月前
|
缓存 JavaScript 前端开发
Vue 中动态导入的注意事项
【10月更文挑战第12天】 在 Vue 项目中,动态导入是一种常用的按需加载模块的技术,可以提升应用性能和效率。本文详细探讨了动态导入的基本原理及注意事项,包括模块路径的正确性、依赖关系、加载时机、错误处理、缓存问题和兼容性等,并通过具体案例分析和解决方案,帮助开发者更好地应用动态导入技术。
|
4月前
|
API
VUE3——如何挂载全局属性和方法
VUE3——如何挂载全局属性和方法
240 0
|
4月前
如何在 Vue3 项目配置全局方法
本文介绍了在Vue3项目中配置全局方法的几种方式,包括如何将Moment.js日期处理类库和字符串颜色值生成方法设置为全局可访问的属性。
284 0
|
4月前
|
JavaScript 前端开发
关于js的this上下文环境绑定
关于js的this上下文环境绑定
|
7月前
|
JavaScript 安全 API
vue3注册添加全局实例属性的方法,如何在setup函数中调用
vue3注册添加全局实例属性的方法,如何在setup函数中调用
751 2
|
JavaScript
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
2210 0
|
7月前
|
JavaScript
Vue实例挂载的过程发生了什么
Vue实例挂载的过程发生了什么
47 0
|
7月前
|
JavaScript
Vue实例挂载的过程
Vue实例挂载的过程
48 0

热门文章

最新文章