web:javascript:vuejs
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
web:javascript:vuejs [2017/05/26 18:19] – [Filtres et mixins] sgariepy | web:javascript:vuejs [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 523: | Ligne 523: | ||
====== Filtres et mixins ====== | ====== Filtres et mixins ====== | ||
- | Les filtres sont utilisés pour transformer les données affichées. | + | Les [[http:// |
Ligne 556: | Ligne 556: | ||
</ | </ | ||
- | Pour des raisons de performance, | + | Pour des raisons de performance, |
+ | |||
+ | |||
+ | |||
+ | ====== Propriétés calculées ====== | ||
+ | |||
+ | Les propriétés calculées (//computed properties// | ||
+ | |||
+ | Par exemple, si on a une liste de fruits dans un tableau: | ||
+ | |||
+ | <code javascript> | ||
+ | export default { | ||
+ | data() { | ||
+ | return { | ||
+ | fruits: [' | ||
+ | filterText: '' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | On peut ajouter une propriété calculée: | ||
+ | |||
+ | <code javascript> | ||
+ | export default { | ||
+ | // .. | ||
+ | computed: { | ||
+ | filteredFruits() { | ||
+ | return this.fruits.filter((fruit) => { | ||
+ | return fruit.match(this.filterText); | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | ====== Mixins ====== | ||
+ | |||
+ | Les [[http:// | ||
+ | |||
+ | |||
web/javascript/vuejs.1495815593.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)