标签：code 页面 代码 body reac hub 生成 实现 gen
原理：
如何实现拖拽：html源生api，代码在dnd.js。
如何生成代码：拖拽生成的页面，背后是一个树形的结构，通过递归向下法解析语法树生成最终的.vue代码。
组件的属性编辑影响组件样式：vue会监听这棵属性结构的所有属性，当属性被编辑过后，vue会更新整个页面。
出处：https://github.com/furioussoul/esview/blob/master/ui/README-ch.md
react 可视化开源项目：
| 项目 | 地址 |
|---|---|
| gaea-editor | https://github.com/ascoders/gaea-editor |
| gen | https://github.com/daycool/gen |
| 项目 | 地址 |
|---|---|
| vue-layout | https://github.com/jaweii/Vue-Layout |
| esview | https://github.com/furioussoul/esview |
标签：code 页面 代码 body reac hub 生成 实现 gen
原文地址：https://www.cnblogs.com/cag2050/p/9299480.html
