Crear su primera aplicación web con ASP.NET Core con Blazor

Agregar un componente

Cada uno de los archivos .razor define un componente de interfaz de usuario que se puede reutilizar.

Abra el archivo Home.razor en Visual Studio. El archivo Home.razor ya existe, y fue creado cuando usted creó el proyecto. Se encuentra en la carpeta Components/Pages dentro del directorio BlazorApp que se creó anteriormente

Abra el archivo Home.razor en un editor de texto de su elección. El archivo Home.razor ya existe y se creó al ejecutar el comando dotnet new. Se encuentra en la carpeta Components/Pages dentro del directorio BlazorApp que se creó anteriormente

Agregue un componente Counter a la página de inicio de la aplicación agregando un elemento <Counter /> al final del archivo Home.razor.

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

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<Counter />

Vuelva a ejecutar la aplicación para ver los cambios. El componente Counter se mostrará en la página principal.

Una vez guardado este cambio, el comando dotnet watch aplicará el cambio a la aplicación en ejecución para que el componente Counter aparezca en la página de inicio.

La página principal contiene ahora un contador que muestra un recuento y un botón.

Continuar