Vue 3中如何给Vue绑定原型方法？

前言

Vue 2中给Vue绑定原型方法很简单，比如axios，在main.js中配置Vue.prototype.$axios = axios即可，但是Vue 3就不是这么玩了，应该怎么做？

打开Vue 3的main.js

它的末尾几行一般是这样：

const app = createApp(App);
app.use(store).use(router).mount("#app");

也可能只有一行：createApp(App).use(store).use(router).mount("#app");，支持连缀写法。

怎么绑定原型方法？

const app = createApp(App);

import axios from "axios";
app.config.globalProperties.$axios = axios;

app.use(store).use(router).mount("#app");

在Vue 3选项式API中使用

跟Vue 2中的用法一模一样，不说了。

在Vue 3组合式API中使用

1. 在setup周期中，先在顶部定义一个变量：let { proxy } = getCurrentInstance();

2. 在onMounted周期中使用，方式是：proxy.$axios......