數據綁定
帶有 value屬性的標記都可以使用@bind 綁定，<div>、<span>等非輸入標記，無法使用@bind 指令的，默認綁定了 onchange 事件，onchange 事件是指在輸入框中輸入內容之后，當失去焦點時執行。
@page "/binddirective"
@rendermode InteractiveAuto
<h3>BindDirective</h3>
<input @bind="strName" />
<p>@strName</p>@code {string strName = "123";
}
我們用一段代碼來看看@bind的作用
從運行的動畫可以看到，當輸入框失去焦點時，會觸發onchange事件，改變strName的值
綁定其他事件
@bind的默認綁定事件為onchange，我們可以使用@bind:event=""來綁定其他的事件，這里我們使用oninput事件來試試綁定其他事件是否有效，修改之前的代碼，如下：
@page "/binddirective"
@rendermode InteractiveAuto
<h3>BindDirective</h3>
<input @bind="strName" @bind:event="oninput" />
<p>@strName</p>
@code {string strName = "123";
}
我們可以看到，當我們修改了綁定的事件后，變量不會等到焦點失去后才進行更新，而是實時進行更新。
