首页 > 建站教程 > 前端框架 >  vue3 app.config.globalProperties在js文件中使用方法正文

vue3 app.config.globalProperties在js文件中使用方法

我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main.js做了全局引入:

app.config.globalProperties.$axios=axios;


然后在vue页面中是这样使用的:

import { ref, onMounted, getCurrentInstance } from 'vue'
const instance = getCurrentInstance()
instance?.proxy?.$toast.show('正在登陆,请勿重复点击!')


但是在request.js文件中,这么使用无效,因为getCurrentInstance必须在setup或生命周期钩子中使用。所以得换种方法:


1、在main.js导出golbalProperties:

export const globals = app.config.globalProperties


2、在request.js这么使用:

import {globals} from '../main.js'
globals.$toast.show(res.message)