低代码--解析schema渲染对应物料到画布

前言

    上一篇，我们已经能够通过拖拽生成一个或许还不是近乎完美的jsonSchame协议了，接下来要做的就是整个低代码的“心脏”部分了，没有它，一切毫无意义

遍历方式的选择

    显而易见的是，schame协议是一颗多叉树，那么对树的遍历就分为深度优先遍历和广度优先遍历这两种，其中深度优先遍历相比较广度优先遍历具有“向下收集”的能力，这恰好是我们交互组件所需要的能力，故以此方式为准

实现

    目前来说只需要接收jsonSchame即可

    我们做一个init函数用来做一些初始化（created时），比如获取url上传递的参数等

    考虑将根节点的渲染单独分离出来，这样后边可以做一些全局化的处理，比如配置是否渲染结束后立即唤起配置面板

    最后即遍历整棵树，并根据type属性匹配物料组件并渲染。这里分开来写，主要是为了后序组件之间的交互留个口子

效果