可視化開發的心酸路 之 實現圖元階段一

實現一個圖元流程

背景

考慮到咱們採用的技術是vue，咱們未來的目標是可遷移，什麼意思呢？
咱們爲了遷移（升級爲vue3.0或改成react）時作更少的事情，規劃出了一個數據池，數據池不隨框架的變化而改變。
咱們畫個圖看下分層結構
這裏咱們分爲三個層級：

1. 前端
2. 狀態管理
3. 數據池

前端層

這個前端層主要是構建前端頁面。
git在線地址加載比較慢 https://chuxiaoguo.github.io/mita/#/
這裏指的是菜單，工具欄，畫布，配置欄，滾動條，快捷鍵，粘貼板等...

狀態層

這裏的狀態其實就是vuex。
這一層的功能有如下幾點：

• 記錄突變，爲了後面歷史的功能（撤銷和重作）
• 數據狀態改變可以被追蹤，便於調試
• 至關於中間層的概念、

數據層

1. 數據層定義了元素，頁面，組件，母版等抽象類和工廠類
2. 數據層有管理類，建造類，組合類
3. 有數據惟一的入口
4. 豐富的配置項

如今講太多會太複雜，大概就是一個數據操做的倉庫

定義第一個元素

下班了，明天接着寫...