Méthodes Vue vs observateurs vs propriétés calculées

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: