Vue框架在项目开发中如何实现组件的复用？

本文共计1713个文字，预计阅读时间需要7分钟。

目录+引言+What：微前端是什么+Why：为什么选择微前端+微前端能做什么+为什么不使用iFrame+How：微前端实践+在主应用中注册微应用+在子应用导出相应的生命周期钩子+结语+前端时代

目录

• 引言
• What：微前端是什么
• Why：为什么选择微前端
• 微前端能做到什么
• 为什么不使用iFrame
• How：微前端实践
• 在主应用中注册微应用
• 在子应用导出相应的生命周期钩子
• 结尾

引言

前端时间有个契机，让我们团队开始进行微前端的相关实践。

最近正好有些成果了，来一个阶段性的总结，也方便后续进一步的开发。

可能第一次听说微前端的同学都会不明觉厉，那么ta到底是个啥？本章会从以下3个角度阐述我的理解：

• What：微前端是什么
• Why：为什么选择微前端
• How：微前端实践

What：微前端是什么

首先，微前端其实并不高大上，它的本质十分简单：

一句话介绍：在一个应用中展示另几个应用的界面。

是不是看起来与iFrame非常类似？

在微前端体系中，被展示的应用称为子应用，而提供展示容器的应用称为主应用。