嵌入组件

开始将组件嵌入彼此，以更有效地构建和维护复杂的布局。例如，考虑将按钮转换为组件。稍后，您可以将此按钮组件嵌入到站点上的其他各种组件中。将其放置在导航组件、英雄部分组件或功能卡组件中，可以让您灵活地在集中位置单独更新每个组件，并见证更改在每个其他实例中级联。

本课程将教您：

1. 嵌入现有组件的技术
2. 根据现有组件的部分内容设计新的嵌套组件的过程
3. 建立嵌套组件属性与父组件属性之间的链接

嵌入现有组件

要将现有组件嵌入另一个组件：

1. 选择所需的组件来放置另一个组件
2. 修改主组件
3. 访问 成分控制板 （或者，使用键盘快捷键 转移 + A)
4. 从面板中拖拽一个组件并将其释放到画布或导航器中选定的组件中

从现有元素创建新的嵌套组件

要在现有组件内制作新组件：

1. 选择要插入另一个组件的组件
2. 修改主要组件
3. 选择所需的元素以转换为组件
4. 访问 风格控制板 或者 元素设置控制板
5. 点击标有“创建组件”位于面板顶部
6. 命名新组件并点击 创造

此外，可以从已经承载组件的父元素生成组件，从而导致子组件嵌套在父组件内。

将嵌套组件属性与父组件属性对齐

在将一个组件（该组件已具有已定义的组件属性）嵌入另一个也具有组件属性的组件时，可以选择将嵌套组件的属性链接到父组件的属性。这为嵌套组件属性利用父组件实例中更改的值铺平了道路。

例如，设想有一张卡片，其中包含标题、正文和按钮。卡片充当组件，而卡片内的按钮元素充当组件（即嵌套组件）。您保留将按钮文本链接到卡片内任何文本的选项，前提是组件内的每个元素都带有定义的组件属性。

要在嵌套组件的属性和父组件的属性之间建立连接：

1. 选择嵌套组件所在的父组件并修改其主组件
2. 修改包含需要链接到父组件属性的元素的嵌套组件的主要组件
3. 点击元素
4. 导航至 元素设置控制板 并创建一个属性
5. 退出嵌套组件的主组件
6. 移动到父组件的主要组件
7. 访问右侧面板
8. 点击紫色“点” 链接属性旁边的图标
9. 选择 ”创建并连接新属性”并创建一个属性
10. 退出父组件的主组件
11. 选择父组件的实例
12. 访问右侧面板
13. 为属性分配一个值