pb 更改dropdwonlistbox绑定数据_Blazor 修仙之旅 组件与数据绑定

一.前言

在第一篇文章初尝 Blazor WebAssembly中，有提到过组件(Component)这个概念。组件在 Blazor 中是必不可少的，UI 全靠它组装起来，和前端的 JS 组件是一个意思，比如：vue component、react component 等等。借用官方文档的描述：

Blazor 应用是使用组件构建的。组件是自包含的用户界面 (UI) 块，例如页、对话框或窗体。组件包含插入数据或响应 UI 事件所需的 HTML Tag和处理逻辑。组件非常灵活且轻量。可在项目之间嵌套、重复使用和共享。

二.组件

组件一般以 .razor 为文件名后缀，且组件名必须以大写字母开头(猜测可能是和VUE里的命名限制一样，表面和Html标签名重复)。

我们新建的项目，Shared 文件夹中就有三个组件：

左侧导航菜单组件：

在主布局组件中应用了导航菜单组件：