使用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