Vue.js

Apparence

?
?
1. Commencer 2. Rendu déclaratif 3. Liaisons d'attributs 4. Gestion des évènements 5. Liaisons sur les champs de formulaire 6. Rendu conditionnel 7. Rendu de liste 8. Propriétés calculées 9. Cycle de vie et refs de template 10. Observateurs 11. Composants 12. Props 13. Emits 14. Slots 15. Vous l'avez fait !

Commencer

Bienvenue sur le tutoriel de Vue !

Le but de ce tutoriel est de vous montrer ce qu'est l'expérience de travailler avec Vue, directement dans votre navigateur. Il n'a pas pour but d'être exhaustif, et vous n'avez pas besoin de tout comprendre avant de continuer. Cependant, une fois que vous l'aurez terminé, assurez-vous de lire également le Guide qui couvre chaque sujet davantage en détail.

Pré-requis

Ce tutoriel suppose une connaissance de base du HTML, CSS et JavaScript. Si vous êtes totalement novice en développement front-end, il serait peut-être judicieux de ne pas se lancer tout de suite dans l'utilisation d'un framework pour commencer - apprenez les bases puis revenez ! Une expérience préalable avec d'autres frameworks est utile, mais non obligatoire.

Comment fonctionne ce tutoriel

Vous pouvez modifier le code sur la droiteen bas et voir le résultat se mettre à jour instantanément. Chaque étape présentera une fonctionnalité essentielle de Vue, et vous devrez compléter le code pour que la démo fonctionne. Si vous êtes bloqué, vous disposerez d'un bouton "Montrez-moi !" qui vous révélera le code fonctionnel. Essayez de ne pas trop vous y fier - vous apprendrez plus vite en vous débrouillant tout seul.

Si vous êtes un développeur expérimenté venant de Vue 2 ou d'autres frameworks, il y a quelques paramètres que vous pouvez modifier pour tirer le meilleur parti de ce tutoriel. Si vous êtes un débutant, il est recommandé d'utiliser les paramètres par défaut.

Détails des paramètres du tutoriel

  • Vue offre deux styles différents d'API: Options API et Composition API. Ce tutoriel est fait de sorte à fonctioner avec les deux variantes - vous pouvez chosir votre style préferé en utilisant le switch Préférence d'API situé en haut de page. En savoir plus sur les styles d'API.

  • Vous pouvez également passer du mode SFC au mode HTML. Le premier affichera des exemples de code dans le format monofichier (SFC), qui est celui utilisé par la plupart des dévelopeurs quand il s'agit de Vue avec des outils de build.

Prêts? Cliquez sur "Suivant" pour commencer.

App.vue