Bootstrap

前端_Vue3定义和使用全局变量

使用Vue3获取和使用全局变量

在vue3中我们一般有两种方式来申明和使用全局变量:

  1. 将变量挂载到原型链上
    app.config.globalProperties.$test = "这是一个全局变量";
  2. 使用provideinject
    vue3官方推荐使用第三种方法,不建议开发者将全局变量直接挂载到原型上

    我们在这里也只对第二种方法做出介绍

业务逻辑:

  1. 定义了一个用于处理网络请求的axios.js文件
  2. 在main.js文件中引入axios.js文件,使用app.provide()
  3. 在需要的vue文件中 使用inject()使用全局变量

具体实现:

  1. 新建axios文件夹内新建index.js文件
import axios from 'axios'
const 
;