vue 多项目/应用共用组件封装解决方案参考

目前,我们的项目是按组件划分的,然后封装成产品。目前,iframe用于直接嵌套页面。在项目中,我们仍然会遇到一些常见组件和业务之间的通信。在这种情况下,iframe不是最佳选择。Iframe存在跨域问题。当然,PostMessage可以交流,但它不是最好的。目前,存在这样场景:门户需要创建一个通用主页和数据概览页面。主页和数据概览页面通过小部件自由拼接。在制作业务组件时,您只需要提供每个模块小部件的URL,但是如果小部件之间仍然存在连接呢?所以iframe并不好。目前,Vue用于动态加载异步组件,以实现小型组件之间的通信。当然,门户还应该为通信提供基线:Vue事件总线(空的Vue实例对象)。

亲测有效 参考这种实现方式,在实际项目中封装使用。

转发原文

目前我们项目都是按组件划分的,然后各个组件之间封装成产品。目前都是采用iframe直接嵌套页面。项目中我们还是会碰到一些通用的组件跟业务之间有通信,这种情况下iframe并不是最好的选择,iframe存在跨域的问题,当然是postMessage还是可以通信的,但也并非是最好的。目前有这么一个场景:门户需要制作通用的首页和数据...

发表评论 已发布评论 0《点我查看评论规范》
暂无数据