Crie seu primeiro aplicativo Web com o ASP.NET Core usando o Blazor

Adicionar um componente

Cada um dos arquivos .razor define um componente de interface do usuário que pode ser reutilizado.

Abra o arquivo Home.razor no Visual Studio. O arquivo Home.razor já existe e foi criado quando você criou o projeto. Ele está localizado na pasta Components/Pages no diretório BlazorApp criado anteriormente.

Abra o arquivo Home.razor em um editor de texto dHome.razor sua escolha. O arquivo Home.razor já existe e foi criado quando você executou o comando dotnet new. Ele está localizado na pasta Components/Pages no diretório BlazorApp criado anteriormente.

Adicione um componente Counter à página Inicial do aplicativo adicionando um elemento <Counter /> ao final do arquivo Home.razor.

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

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<Counter />

Execute novamente o aplicativo para ver as alterações. O componente Counter será exibido na página inicial.

Depois que essa alteração for salva, o comando dotnet watch aplicará a alteração ao aplicativo em execução para que o componente Counter seja exibido na home page.

A página inicial agora contém um Contador que exibe uma contagem e um botão.

Continuar