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......

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容