Vous devriez maintenant pouvoir voir le composant HelloWorld rendu dans le composant App.vue.

","image":"http://www.luping.net/uploads/20240928/172748376866f74f78598f3.jpg","datePublished":"2024-09-28T08:36:08+08:00","dateModified":"2024-09-28T08:36:08+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > VueJs pour débutant Partie VueJs Créer, importer et utiliser un composant

VueJs pour débutant Partie VueJs Créer, importer et utiliser un composant

Publié le 2024-09-28
Parcourir:945

VueJs for Beginner VueJs Part  Create, Import, and Use Component

Création de votre premier composant


Qu'est-ce qu'un composant ?
Les composants sont les éléments constitutifs d'une application Vue. Chaque composant a sa propre fonctionnalité et sa propre vue. Les composants peuvent être réutilisés dans toute l'application. Un exemple de composant est une barre de navigation accessible sur différentes pages.

Création d'un composant de base

  • Créez un nouveau fichier de composants appelé HelloWorld.vue (vous pouvez modifier le nom du fichier si vous le souhaitez) dans le dossier des composants (créez un nouveau dossier de composants s'il n'existe pas déjà).

  • Composant HelloWorld :

  • importer et utiliser le composant HelloWord dans App.vue

Vous devriez maintenant pouvoir voir le composant HelloWorld rendu dans le composant App.vue.

Déclaration de sortie Cet article est reproduit sur : https://dev.to/kyydev/vuejs-for-beginner-2024-vuejs-3-part-2-create-import-and-use-component-4a8e?1 En cas de contrefaçon , veuillez contacter study_golang @163.comdelete
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3