👨‍💻 Vue.js 3 👩‍💻

Exemples de code

• composant parent : App.vue
• composant enfant : RestaurantMenu.vue

Lancement

Exécution de la commande puis on va sur son localhost.

npm run dev

Extension

• Vetur de Pine Wu : coloration syntaxique, autocomplétion, formatage, ...

Notions appliquées

• Directives :
  • v-if, v-else-if, v-else
  • v-show
  • v-model
  • v-for
  • v-bind
  • v-on
• composant parent/enfant
• échange de données entre composant :
  • props
  • emits
  • slot
• data, methods, watch, computed
• cycles de vie : created, beforeMount, mounted
• variable globale, mixin

Documentation

Vue.js 3

Format Options API :