可视化搭建平台的基本能力
根据我自己设计可视化搭建平台的经验, 其需要具备最最基本的两个能力:
静态页面设计能力(也就是可以用可视化平台制作我们想要的页面的能力)
组件交互能力(制作好静态页面之后, 页面元素能具备一定的交互..., 比如跳转链接, 打开弹窗等)
以上的能力可以让我们将页面通过拖拽的方式搭建出来:
虽然这已经可以满足很多展示型的需求, 但是仍然存在局限性, 比如可视化平台的组件与组件之间, 没办法相互通信....更灵活自主的可视化搭建平台
这里给大家举一个实际的场景, 比如我们要做一个转盘H5页面, 它由转盘组件和按钮组件组成, 当点击按钮时, 转盘开始运动:
这种场景就需要转盘组件和按钮组件相互通信, 来实现交互功能...组件间通信的几种实现方案
说到组件通信我们也许并不陌生, 比如在 vue 或者 React 框架中, 经常会涉及到父子组件通信以及组件与组件间的通信, 常用的方案也有很多, 比如:
props/$emit...的通信模式可以发现它不仅可以作为中间桥梁起到通信作用, 有点类似于 eventBus的模式, 而且还可以实现页面间的通信, 比如目前很多微前端架构的底层支持也有采用 iframe 来设计的.