自学内容网 自学内容网

Vue3里抽离公共模块进行封装然后通过Vue进行调取

概述

直接使用引入也不是不可以直接进行调取,但是如果想走vue的话下面是解决方案

声明需要被插入的模块

//这里是要被插入的模块
import * as server from "@/axios/server";
//写入到vue里面方便后面从vue里面进行调取
export default {
  install(app) {
    app.config.globalProperties.$server = server;
  },
};

main.js进行注册

//以组件的形式进行注册
import server from '@/axios/serverModle'
app.use(server)

组件通过vue进行调取

import { getCurrentInstance } from "vue";

const { appContext } = getCurrentInstance();
const $server = appContext.config.globalProperties.$server;
//然后直接通过$server方法进行调取对对象里面的方法继续操作

原文地址:https://blog.csdn.net/qq_45153375/article/details/143480969

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!