首页 > 其他分享 >qiankun微前端——接入子应用Vue3+vite实现

qiankun微前端——接入子应用Vue3+vite实现

时间:2025-01-13 16:30:28浏览次数:3  
标签:child1 Vue3 qiankun instance 应用 props any vite

qiankun:乾坤微前端框架

什么是微前端

Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. – Micro Frontends

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员、团队的增多、变迁,从一个普通应用演变成一个巨石应用(Frontend Monolith)后,随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。

特性

相关文章

  • vue3 + arcgis.js4.x---FeatureLayer(实现文本+图标)
    之前做arcgis.js开发的时候一直使用的是TextSymbol+SimpleMarkerSymbol实现的也就是一条数据打两个点(一个坐标点一个文本点)这种操作实在非常鸡肋;学会了FeatureLayer之后发现实现该功能非常简单constLayerView=newFeatureLayer({source:[newGraphic({......
  • vue3从入门到入坑-第1坑
    这是我2025年入门学习Vue的新年第一个坑啊。先看问题:<template><el-table:data="footerLinks"stripestyle="width:100%"><el-table-columnprop="linkName"label="链接名称"width="180"/><el-table-colu......
  • 请说说你认为vitepress和vuepress哪个好?
    在比较VitePress和VuePress哪个更好时,我们需要考虑多个方面,包括构建速度、开发体验、插件系统、主题定制化、Markdown扩展、部署便捷性以及社区支持等。以下是对这些方面的详细比较:构建速度与开发体验:VitePress使用了Vue3的新特性Vite构建工具,这使其能够提供更快的构建速度。......
  • vite如何进行插件开发?
    Vite的插件开发主要涉及创建一个包含特定钩子(Hooks)的对象,这些钩子在Vite的不同生命周期阶段被调用。以下是一个清晰的步骤指南,用于开发Vite插件:1.初始化插件项目创建一个新的Node.js项目,并初始化package.json文件。安装必要的依赖,如@vitejs/plugin-vue(如果你打算支持Vue)或其......
  • vue3 + arcgis.js4.x---导航箭头轨迹线
    onMounted(()=>{window.customMap=mapInit.initMap()constgraphicsLayer=newGraphicsLayer()//创建一个图层对象constpolyline=newPolyline({paths:[[117.227239,31.820586],[117.227239,33.820586],[119.227239,31......
  • vue3 + arcgis.js4.x---卷帘模式
    这里使用天地图的矢量图和影像图作为卷帘对比(tk自行申请)//初始化地图map:newMap({basemap:newBasemap({baseLayers:[newWebTileLayer('http://{subDomain}.tianditu.com/DataServer?T=vec_w&X={col}&Y={row}&L={level}&tk=',{......
  • 用Tauri2.0把Vite+Vue3项目打包成exe桌面程序
    前言最近有个需求是做一两个设备的配置页面,但需要在断网的笔记本上直接运行(笔记本用网线直连设备)。避免测试同事配置开发环境麻烦,想到了把这些前端配置页面打包成一个exe的安装包。到时候测试同事只需要双击运行安装,打开后就可以直接运行,比较方便。有这个打包需求后,首先想到的......
  • uniapp(vue3) -实现横向滚动选择日期组件,手势左右滑动选择日期,类似电影选票日期Tabs选
    效果图在uni-app手机h5网页网站/支付宝微信小程序/安卓app/苹果app/nvue等(全平台兼容)开发中,实现uniapp日历横向日期选择器可滑动可点击,自定义横向滑动选择日期周几,获取日历并列出当前月前几个月的日期,用户手势横向滑动日历选择器插件,支持自定义任意样式、自定义展示的日......
  • Vue3 改变
    1、全局apiVue.config.xxxapp.config.xxxVue.componentapp.componentVue.directiveapp.directiveVue.mixinapp.mixinVue.useapp.useVue.prototypeapp.config.globalProperties2、过度类名.v-enter-from,.v-leave-to{opacity:0;}.v-leave-f......
  • Vue3 Teleport <Teleport to='位置'>
    Teleport是一种能够将组件html结构移动到指定位置的技术<template><div><button@click="isShow=true">弹窗</button><Teleportv-if="isShow"to="body"><divclass="dialog">......