Vue3.0 — axios、getCurrentInstance

axios安装

npm install axios -S

axios引入

1、在main.js中引入aixos
import axios from "axios"

2、挂载到根实例上
vue3.0新增了一个函数createApp()，用于创建根实例

const app = createApp(App)
app.config.globalProperties.$axios = axios // 挂载到Vue上的写法

使用（getCurrentInstance）

vue3的setup函数中的this为undefined，需要使用组合API提供的getCurrentInstance()函数，通过appContext.config.globalProperties来调用根实例上挂载的方法。
tips：另外如果想获取当前组件实例，通过getCurrentInstance下的proxy实现，proxy支持开发环境、生产环境，而ctx只支持开发环境，打包后结构不一样

const instance = getCurrentInstance();
console.log(instance.appContext.config.globalProperties) // 打印可以看到当前组件上挂载了的方法
instance.appContext.config.globalProperties.$axios()	// 使用axios