Vue.js nous fournit des méthodes, des observateurs et des propriétés calculées. Quand utiliser l'un contre l'autre?
Quand utiliser les méthodes
- Pour réagir à un événement qui se passe dans le DOM
- Pour appeler une fonction lorsque quelque chose se produit dans votre composant. Vous pouvez appeler une méthode à partir de propriétés calculées ou d'observateurs.
Quand utiliser les propriétés calculées
- Vous devez composer de nouvelles données à partir de sources de données existantes
- Vous avez une variable que vous utilisez dans votre modèle qui est construite à partir d'une ou plusieurs propriétés de données
- Vous souhaitez réduire un nom de propriété imbriqué compliqué à un nom plus lisible et plus facile à utiliser, tout en le mettant à jour lorsque la propriété d'origine change
- Vous devez référencer une valeur du modèle. Dans ce cas, la création d'une propriété calculée est la meilleure chose car elle est mise en cache.
- Vous devez écouter les modifications de plusieurs propriétés de données
Quand utiliser les observateurs
- Vous voulez écouter quand une propriété de données change et effectuer une action
- Vous souhaitez écouter un changement de valeur d'accessoire
- Vous n'avez besoin d'écouter qu'une propriété spécifique (vous ne pouvez pas regarder plusieurs propriétés en même temps)
- Vous souhaitez surveiller une propriété de données jusqu'à ce qu'elle atteigne une valeur spécifique, puis faire quelque chose
Téléchargez mon gratuitManuel de Vue
Plus de tutoriels vue:
- Un aperçu de Vue.js
- La CLI Vue.js: apprenez à l'utiliser
- Les DevTools Vue.js
- Configurer VS Code pour le développement Vue
- Créez votre première application avec Vue.js
- Composants de fichier unique Vue.js
- Modèles et interpolations Vue.js
- Directives Vue.js
- Méthodes Vue.js
- Propriétés calculées Vue.js
- Styliser les composants Vue.js à l'aide de CSS
- Observateurs Vue.js
- Méthodes Vue vs observateurs vs propriétés calculées
- Filtres Vue.js
- Composants Vue.js
- Machines à sous Vue.js
- Accessoires de composants Vue.js
- Événements Vue.js
- Communication des composants Vue.js
- Vuex, le gestionnaire d'état de Vue.js
- Vue, utilisez un composant à l'intérieur d'un autre composant
- Vue, comment utiliser un accessoire comme nom de classe
- Comment utiliser SCSS avec les composants de fichier unique Vue.js
- Utilisation de Tailwind avec Vue.js
- Le routeur Vue
- Afficher dynamiquement un composant Vue
- La feuille de triche Vue.js
- Stocker les données Vue sur localStorage à l'aide de Vuex
- Comment appliquer dynamiquement une classe à l'aide de Vue
- Vue, comment utiliser v-model
- Vue, pourquoi les données doivent être une fonction
- Roadmap to become a Vue.js developer in 2020