Crea la tua prima app Web con ASP.NET Core usando Blazor

Aggiungere un componente

Ognuno dei file .razor definisce un componente dell'interfaccia utente che può essere riutilizzato.

Apri il file Home.razor in Visual Studio. Il file Home.razor esiste già ed è stato creato quando hai creato il progetto. Si trova nella cartella Components/Pages all'interno della cartella BlazorApp creata in precedenza.

Aprire il file Home.razor nell'editor di testo preferito. Il file Home.razor esiste già ed è stato creato quando hai eseguito il comando dotnet new. Si trova nella cartella Components/Pages all'interno della cartella BlazorApp creata in precedenza.

Aggiungi un componente Counter alla homepage dell'app aggiungendo un elemento <Counter /> alla fine del file Home.razor.

Components/Pages/Home.razor
@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<Counter />

Eseguire di nuovo l'app per visualizzare le modifiche. Il componente Counter verrà quindi visualizzato nella home page.

Dopo aver salvato questa modifica, il comando dotnet watch app applicherà la modifica all'app in esecuzione in modo che il componente Counter venga visualizzato nel home page.

La home page ora contiene un contatore che visualizza un conteggio e un pulsante.

Continua