# 设计思想

设计器基于 [vjform](https://gitee.com/fyl080801/vjform) 开发，vjform 是一个通过 json 数据就可呈现界面逻辑的动态表单组件

vjform 在渲染前会先解析 json 数据里的表达式定义，将表达式解析成真实逻辑，json 数据就变成了对象，在渲染时使用渲染处理对即将渲染的组件进行拦截处理，设计器在设计区域和属性编辑器使用了针对设计器开发的特殊渲染处理

在设计区域呈现形式就是一个渲染处理，将真实组件渲染时加入设计器元素（标题、布局、删除按钮等），在属性编辑区也采用 vjform 呈现，因此 vue 项目中任何组件只需要通过配置文件就可以让设计器支持相应的属性编辑