Vue进阶之Vue无代码可视化项目（六）

渲染引擎（渲染器）

接下来要做的是，中间区域Block相关的内容，block相关的内容最重要的就是，数据协议设计和整体渲染器的逻辑

1. 渲染器概念：简单点说就是，封装他的组件。比如做了一个图表，可以说封装了一个图表组件，如果做了一个表单校验，可以说做了一个表单校验组件，或者写了一些业务组件，但是这些点要是上升一点，就是，表单渲染 – 表单渲染器，表单渲染组件，表单规则约定 – 表单规则校验器；可以美化这些词语，提高简历

2. 数据协议：左边物料区有很多的物料列表，将左边的物料拖到中间编排区进行编排，拖拽之后，这些内容区域就能组装成一个页面，那么从左边拖的时候，这些物料需要定义一个数据结构，这个数据结构就叫做数据协议，我们从左边拖过来的时候，需要将对应的数据加到右边页面中去，加进去的时候，我们的页面相当于又是一个大JSON，这是属于页面的协议，左边物料是物料协议。

3. 物料渲染：我们有很多很多的物料，这些物料都要取通过条件规则判断来渲染，如果来的物料是文本，那么就按照文本的方式去渲