使用Blazor自定义组件封装C#

Blazor是一个基于WebAssembly的.NET前端框架，它允许使用C#语言来构建交互式的Web应用程序。在Blazor中，自定义组件是一种强大的工具，可以将可重用的代码封装在一个组件中，并在应用程序中多次使用。本文将介绍如何使用Blazor自定义组件进行封装，并提供相应的源代码示例。

1. 创建自定义组件

首先，我们需要创建一个自定义组件。在Blazor中，自定义组件是一个继承自ComponentBase类的C#类。该类通常以.razor文件的形式存在，其中包含了组件的HTML和C#代码。下面是一个简单的示例，展示了一个名为"CustomComponent"的自定义组件：

<!-- CustomComponent.razor -->

<h3>@Title</h3>

<p>@Content</p>

@code {
    [Parameter]
    public string Title { get; set; }

    [Parameter]
    public string Content { get; set; }
}

在上面的示例中，我们定义了两个公共属性Title和Content，它们分别用于展示标题和内容。在组件的HTML部分，我们使用了@符号来引用这两个属性的值。

2. 使用自定义组件

一旦我们创建了自定义组件，就可以在Blazor应用程序中使用它