1分钟手把手了解微前端传参开发到部署保姆式教程
废话不多说先了解下在实践。
1. 什么是微前端web应用构建方式
微前端
微前端在2016年ThoughtWorks Technology Radar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。现代的前端应用的发展趋势正在变得越来越富功能化,富交互化,也就是SPA应用;这样越来越复杂的单体前端应用,背后的后端应用则是数量庞大的微服务集群。微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
2.使用微前端的场景
随着需求的不断跨大,可能前端的服务也在不断增加,但是随着业务的增加,需要将整个系统重新发布,造成的是资源的浪费,如果能够每次只需要发布新的子系统,不需要发布整个系统就好了;
而现有的技术中,我们可以通过Iframe引入所谓的子系统,但是该方式存在无可忽视的缺陷,下面会提到,所以随着技术的发展,出现了微前端的概念与实现
3.微前端实现技术两种常用技术手段
1.Iframe 2.qinakun js库
4.上手
官网示例点
1.父传子 子在render接收
2.定义全局传参数监听实现字传父 兄弟传参
总结:
1. 父传子直接传。
2. 利用全局监听器传参 会执行mount方法传入props参数进行子传父 或者兄弟传参分根据类型判断即可。