Vue可視化，Vue代碼生成，esview

1 項目介紹
Esview是一款拖拽組件生成vue代碼的工具。
包含拖拽生成頁面、頁面管理、組件管理等功能。
前端採用vue和iview，生成的代碼必須安裝vue和iview才能使用，
後臺採用java（springboot）做爲持久層，保存生成的頁面、建立的組件。
github : https://github.com/furioussou...

2 演示
Vue可視化，Vue代碼生成

3 原理
如何實現拖拽：html源生api，代碼在dnd.js。
如何生成代碼：拖拽生成的頁面，背後是一個樹形的結構，經過遞歸向下法解析語法樹生成最終的.vue代碼。
組件的屬性編輯影響組件樣式：vue會監聽這棵屬性結構的全部屬性，當屬性被編輯事後，vue會更新整個頁面。