Evan You
Vue.js is the 6th most starred project on Github
v-bind & v-on
v-if , v-else, v-else-if
v-for
Comment ça marche ?
Les getters/setters (ES5)
let _name = "joe";
const user = {
get name() {
console.log("accès en lecture à la propriété")
return _name
},
set name(value) {
console.log("accès en écriture à la propriété")
_name = value
}
}
Comment ça marche ?
Prochainement dans Vue 3 : les Proxy (ES6)
const _user = { name: "joe" }
const user = new Proxy(_user, {
get(obj, key) {
console.log(`accès en lecture à la propriété ${key}`)
return Reflect.get(obj, key)
},
set (obj, key, value) {
console.log(`accès en écriture à la propriété ${key}
avec la valeur ${value}`)
return Reflect.set(obj, key, value)
}
})
Détail du système de réactivité de Vue
React : update manuel (setState)
optimisation manuelle (shouldComponentUpdate)
rendu différentiel vs un DOM virtuel
Comparaison des mécaniques de
data-binding et change detection
Déclaration de composants
& Communication parent-enfant
Propriétés calculées et observées
Cycle de vie
d'un composant
1/2
Cycle de vie
d'un composant
2/2
Vue Cheat Sheet
Single File Components
Facilite le partage
et la réutilisabilité
des composants
Centralise le code
et l'outillage dédié
Simplifie le recours
aux préprocesseurs
Syntaxe alternative basée sur les classes
avec TypeScript ou Babel
Modularité
+
Adaptabilité à diverses stacks tech
+
Facilité d’intégration
+
Grosse communauté OS
=
Ecosystème géant
https://github.com/vuejs/awesome-vue