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 :