我们的UI总是免不了需要交互，对用户的操作做出响应，对数据的变化做出响应，这些都离不开事件。这次看看blazor里的事件该怎么玩。
绑定UI事件
UI事件是指那些跟UI相关的事件，比如button点击事件，input的change事件等等，这些都是我们开发系统的时候常常需要打交道的。blazor通过@on{event}来绑定一个方法，使得ui跟业务方法建立联系。下面演示下button的点击事件：
```
[Read More]
Asp.net core blazor webassemably 之 路由
web最精妙的设计就是通过url把多个页面串联起来，并且可以互相跳转。我们开发系统的时候总是需要使用路由来实现页面间的跳转。传统的web开发主要是使用a标签或者是服务端redirect来跳转。那今天来看看Blazor是如何进行路由的。
使用@page指定组件的路由path
我们可以在Blazor里给每个组件指定一个path，当路由匹配的时候会显示这个组件。
```
@page “/page/a”
[Read More]
Asp.net core blazor webassemably 数据绑定
上一次我们学习了Blazor组件相关的知识（Asp.net Core Blazor Webassembly - 组件）。这次继续学习Blazor的数据绑定相关的知识。当代前端框架都离不开数据绑定技术。数据绑定技术以数据为主导来驱动UI界面，用户对数据的修改会实时提现在UI上，极大的提高了开发效率，让开发者从繁琐的dom操作中解脱出来。对于数据绑定.NET开发者并不会陌生，WPF里大量应用数据绑定技术，有过WPF开发经验的同学其实很容易理解前端的数据绑定。总之数据绑定技术及其概念、思维极其重要。下面让我们看看Blazor的数据绑定技术。
单向绑定
Blazor的数据绑定官方文档是直接从双向绑定开始的，但我觉得有必要说一下单向绑定。因为其他框架一般都会区分单向、双向，比如vue的v-bind单向，v-model就是双向。我们这里分开讲也有利于跟其他框架进行对比。下面我们实现一个计数器组件来演示下单向数据绑定。
使用@进行绑定
```
@page “/counter”
[Read More]
Asp.net core blazore webassembly 之 组件
关于组件
现在前端几大轮子全面组件化。组件让我们可以对常用的功能进行封装，以便复用。组件这东西对于搞.NET的同学其实并不陌生，以前ASP.NET WebForm的用户控件其实也是一种组件。它封装html代码，封装业务逻辑，对外提供属性事件等信息，它完完全全就是个组件，只是用户控件跑在服务端，而现在的组件大多数直接跑在前端。现在Blazor Webassembly微软正式把组件带到前端，让我们看看它是怎么玩的。
第一个组件
废话不多说下面开始构建第一个组件。这个组件很简单就是绿色的面板加一个标题的容器，我们就叫它GreenPanel吧。
新建Blazor Webassembly项目
前几天的build大会，Blazor Webassembly已经正式release了。我们更新最新版的Core SDK就会安装正式版的模板。
新建项目选Blazor Webassembly App项目模板
新建GreenPanel组件
在pages命令下新建一个文件夹叫做components，在文件夹下新建一个razor组件，命名为GreenPanel.razor。
注意：组件的命名必须大写字母开头
[Read More]
Asp.net core blazor 初探之 blazorserver
上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。
[Read More]