今天要來介紹的是元件的生命週期，了解生命週期才能在元件進行初始化和轉譯期間時執行額外的作業。

畫面元件與我們的模型物件該如何綁定，才能在使用者更改欄位內容時，同步修改模型物件的對應屬性？並且當使用者操作畫面元件時，如何捕捉元件發出的事件？今天要帶大家認識的是資料繫結與事件處理，透過這兩種處理來能讓表單正確的與使用者互動。

提到表單如果沒有使用到表單元件，那還算有介紹到表單嗎？而在 Blazor 中我們又該如何來操作表單元件？今天將帶大家認識 Blazor 提供的內建表單元件。

今天要來介紹的是表單的驗證，畢竟不可能讓每一份表單都交由後端來驗證並返還結果，往往都會由前端來排除最基本的使用者操作失誤，如說好密碼要大小寫與數字兼具，卻只給小寫加數字，又或者填寫日期時，結束日期在開始日期之前，諸如此類的問題。

前置作業也差不多告一段落了，終於要邁向寫網頁最基本的需求了，也就是撰寫表單，畢竟如果沒有表單，也就不會有 CRUD 等的資料連動，沒有資料連動的網頁也就會只是靜態頁面，除非你的客戶都是自己去使用 Postman 之類的工具來打你的 API 或者手動去修改 DB，不然難逃有一個介面供他們操作。

這邊先插播一個內容，雖然使用 Blazor 可以透過開發環境來下中斷點，但還是有人會希望印在瀏覽器的 console 視窗上吧？此時 Blazor 就提供了一個好用的服務，只要在該畫面元件上注入 ILogger<T> 服務即可，以範本提供的計數器頁面為例：

介紹完路由魔術後，是不是覺得手打網址來測試很麻煩，所以今天先來介紹導覽元件。

大致介紹完名為 Razor 的魔術材料後，要來一一填坑了，首先要介紹的就是路由魔術。

今天要來介紹第二批的關鍵字 Razor 指示詞屬性，與昨天的不同，是需要寫在 HTML 元素屬性上，所以即便有著同樣的名稱，但意義是不同的喔。

昨天提到當 @ 後面接著 Razor 保留關鍵字時，它才會轉換成 Razor 特定的標記，而今天就要來介紹第一批的關鍵字，也就是 Razor 指示詞(Directives)。