人人都会Blazor —— 3.5 布局

Blazor 布局是一个 Razor 组件，它与引用它的组件共享标记。 布局可以使用数据绑定、依赖关系注入和组件的其他功能。

布局组件

创建布局组件

要创建布局组件：

• 创建由 Razor 模板或 C# 代码定义的 Razor 组件。 基于 Razor 模板的布局组件像普通 Razor 组件一样使用 .razor 文件扩展名。 由于布局组件是在应用组件间共享的，因此它们通常放置在应用的共享或布局文件夹中。 但是，布局可以放置在使用它的组件可访问的任何位置。 例如，可以将布局放在使用它的组件所在的同一文件夹中。
• 组件继承自 LayoutComponentBase。 LayoutComponentBase 为布局内呈现的内容定义 Body 属性（RenderFragment 类型）。
• 使用 Razor 语法 @Body 在布局标记中指定呈现内容的位置。

以下 DoctorWhoLayout 组件显示布局组件的 Razor 模板。 布局继承 LayoutComponentBase 并在导航栏 (<nav>...</nav>) 和页脚 (<footer>...</footer>) 之间设置 @Body。

@inherits LayoutComponentBase