Vue.js

Présentation, concurrents

  • React
  • Backbone
  • Ember
  • Angular

Mise en place

  • CDN, fichier JS ou Workflow

Simple usage

  • Intégration de Vue.js
  • Déclaration d’une application et de son scope
  • Propriété « data » et écriture Mustaches
  • Double dataBinding avec directives :
    • v-bind (:)
    • v-model
    • v-for
    • v-on (@)
    • v-fi, v-eslse, v-else-if
    • v-show vs v-if
    • v-text
  • Les méthods
  • Les computed (Exemple d’une double liste de tasks (completed or not)
  • Mounted (Exemple d’un document.QuerySelector après montage)
  • Components et subcomponents (<div> si boucle)
    • Composants globaux (views)
    • Composants appelés par un autre ou une instance
    • Composants cibés par ID
      • props -> ex. : Youtube
      • data -> function return object
      • methods -> click to close the component

 

Sources :

  • Tuto : ttps://laracasts.com/series/learn-vue-2-step-by-step
  • Tuto : Grafikart
  • Ressources template : bulma.io/buefy
  • Pour être W3C conform :

Laisser un commentaire