Blazor真的是微軟開發的一個類似Vue.js & Angular.js的東西,不過感覺還是替代不了這兩個js,主要是因為前端頁面跑C#代碼有點浪費資源的感覺
不過雙向綁定,定義組件,使用的一些新的方式還是很有意思的
1.安裝.Net Core3.0 SDK及以上版本都有待Blazor
2.如果想在.razor頁面直接使用C#代碼，相當於html里面嵌入了C#代碼,可以在命令行里面輸入下面的命令,前提是安裝了.Net Core3.0 及以上版本的SDK
dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview4.19579.2
3.如果不想使用,那么默認的就使用VS 2019默認的模板,blazor server應用可以用來寫MVC應用,C#與html分離
Blazor WebAssembly app就是專門用來把C#代碼嵌入進Page里面的,原理官網有.
安裝完成后創建一個新的項目,可以發現一個很有意思的東西,我才發現原來微軟在web端也搞了一套MVVM的東西.
4.可以自己親手寫一個組件,然后通過其他頁面引入這個組件實現自己所需要的效果,並且達到雙向綁定數據的作用
在index頁面引入ViewInput這個自己定義內容的組件
5.然后看一下頁面效果,這個只是簡單的應用
