Créez votre première application web avec ASP.NET Core à l’aide de Blazor

Ajouter un composant

Chacun des fichiers .razor définit un composant d'interface utilisateur qui peut être réutilisé.

Ouvrez le fichier Home.razor dans Visual Studio. Le fichier Home.razor existe déjà et il a été créé lorsque vous avez créé le projet. Il se trouve dans le dossier Components/Pages à l’intérieur du répertoire BlazorApp qui a été créé précédemment.

Ouvrez le fichier Home.razor dans un éditeur de texte de votre choix. Le fichier Home.razor existe déjà et il a été créé lorsque vous avez exécuté la commande dotnet new. Il se trouve dans le dossier Components/Pages à l’intérieur du répertoire BlazorApp qui a été créé précédemment.

Ajoutez un composant Counter à la page d’accueil de l’application en ajoutant un élément <Counter /> à la fin du fichier Home.razor.

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

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<Counter />

Réexécutez l'application pour voir les modifications. Le composant Counter apparaîtra alors sur la page d'accueil.

Une fois cette modification enregistrée, la commande dotnet watch appliquera la modification à l'application en cours d'exécution afin que le composant Counter s'affiche sur la page d'accueil.

La page d’accueil contient désormais un compteur qui affiche un nombre et un bouton.

Continuer