一、概述
頁面是不同的構件基于一定的業務邏輯和交互形成的。構件作為頁面中最基礎的元素，分為原子構件、通用構件、業務構件、模板（可復用的具有一定業務邏輯的多個構件封裝而成）等。
二、構件的添加
構件的添加要基于路由，即構件的添加的前提是要有一個路由頁面，此處省略添加路由的介紹，具體可參考路由創建。
1.從組件庫添加構件
組件庫中涵蓋了平臺中擁有的所有構件，通過對組件庫中的構件進行模糊搜索，可以查找匹配的構件；找到構件后，可以通過鼠標拖拽構件的方式，將構件拖拽到屏幕中間的iframe預覽區域，iframe預覽區域可以快速接收構件信息并渲染效果。
ps: 拖拽構件至iframe預覽區域，需保持檢查開關為開啟狀態。
2.從構件樹添加構件
從構件樹添加構件只能通過構件Id進行模糊搜索，因此更適合對構件id熟悉的用戶。從構件樹添加構件也更適用于不適合拖拽構件的場景，比如要拖拽至某些復雜的場景中，不便于尋找構件擺放位置；或者是添加某些在組件庫中沒有的原子構件，如div、a標簽等。
添加通用構件：
ps: 父構件的插槽位有哪些，可以點擊父構件的說明文檔進行查閱，不同的構件插槽位名稱不同，位置不同；非容器類構件沒有插槽位。
添加原子構件：
原子構件即原生的HTML元素，如div、a、span等。
至此，構件的添加完成啦。
