本文介绍了在Vue3中如何定义和使用全局变量，重点讲述了通过挂载到`window`对象以及使用`provide/inject`组合来实现全局变量的共享。官方推荐使用`provide/inject`，避免直接操作原型链。文中详细展示了在axios.js中定义网络请求处理方法，然后在main.js中引入并提供，最后在各个组件中注入并使用这些全局变量的步骤。
使用Vue3获取和使用全局变量
在vue3中我们一般有两种方式来申明和使用全局变量：
- 将变量挂载到原型链上
app.config.globalProperties.$test = "这是一个全局变量";- 使用
provide和inject
vue3官方推荐使用第三种方法，不建议开发者将全局变量直接挂载到原型上
我们在这里也只对第二种方法做出介绍
业务逻辑：
- 定义了一个用于处理网络请求的axios.js文件
- 在main.js文件中引入axios.js文件，使用
app.provide() - 在需要的vue文件中 使用
inject()使用全局变量
具体实现：
- 新建axios文件夹内新建
index.js文件
import axios from 'axios'
const 
最低0.47元/天 解锁文章
1228
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
