嵌入組件

著手將元件相互嵌入，以更有效地建構和維護複雜的佈局。作為說明，請考慮將按鈕轉換為組件。稍後，您可以將此按鈕組件嵌入到網站中的各種其他組件中。將其放置在導航組件、英雄部分組件或功能卡組件中，使您能夠靈活地在集中位置單獨更新每個組件，並見證更改通過每個其他實例級聯。

本課程將教您：

1. 嵌入現有組件的技術
2. 從現有組件的部分設計新嵌套組件的過程
3. 建立嵌套組件屬性和父組件屬性之間的連結

嵌入現有組件

若要將現有元件嵌入到另一個元件中：

1. 選擇所需的組件以放置另一個組件
2. 修改主組件
3. 訪問 成分控制板 （或者，使用鍵盤快速鍵 轉移 + A)
4. 從面板中拖曳組件並將其釋放到畫布上或導航器中的選定組件中

從現有元素建立新的巢狀元件

若要在現有組件中製作新組件：

1. 選擇要插入另一個組件的組件
2. 修改主要組件
3. 選擇所需的元素以轉換為元件
4. 訪問 風格控制板 或者 元素設定控制板
5. 點選標有“建立組件” 在面板頂部
6. 命名您的新組件並點擊 創造

此外，可以從已經承載元件的父元素產生元件，從而導致子元件嵌套在父元件內。

將巢狀元件屬性與父元件屬性對齊

將一個元件（已經具有定義的元件屬性）嵌入到另一個也包含元件屬性的元件中時，就會選擇將巢狀元件的屬性連結到父元件的屬性。這為嵌套組件屬性利用父組件實例中更改的值鋪平了道路。

例如，設想有一張包含標題、正文和按鈕的卡片。卡片充當組件，而卡片內的按鈕元素則充當組件（即嵌套組件）。您可以保留將按鈕文字連結到卡中任何文字的選項，前提是組件中的每個元素都帶有定義的組件屬性。

若要在嵌套組件的屬性和父組件的屬性之間建立連結：

1. 選擇容納巢狀組件的父組件並修改其主組件
2. 修改嵌套組件的主要組件，其中包括需要連結到父組件屬性的元素
3. 按一下該元素
4. 導航至 元素設定控制板 並創建一個屬性
5. 退出嵌套組件的主組件
6. 移動到父組件的主組件
7. 訪問右側面板
8. 點選紫色“點” 連結屬性旁邊的圖標
9. 選擇 ”建立並連接新屬性”並創建一個屬性
10. 退出父組件的main組件
11. 選擇父組件的實例
12. 訪問右側面板
13. 為屬性指派一個值