Maison > interface Web > Voir.js > La différence entre calculé et méthodes en vue

La différence entre calculé et méthodes en vue

下次还敢
Libérer: 2024-04-30 01:45:26
original
654 Les gens l'ont consulté

Dans Vue.js, calculé est utilisé pour calculer les données de réponse et les méthodes automatiquement mises à jour sont utilisées pour exécuter du code exécutable et doivent être appelées manuellement. calculé dépend d'autres données de réponse et est automatiquement recalculé lorsque les dépendances changent ; les méthodes ne sont pas affectées par les données de réponse et doivent être appelées manuellement. calculated utilise la fonction getter et ne peut renvoyer que des valeurs calculées. Les méthodes peuvent contenir n'importe quel code. Préférez le calcul pour améliorer les performances et la clarté du code, et évitez d’effectuer des opérations complexes en calcul.

La différence entre calculé et méthodes en vue

La différence entre calculé et méthodes dans Vue.js

Dans Vue.js, calculé et méthodes sont des méthodes différentes utilisées pour définir les données de réponse. Les principales différences entre eux sont les suivantes :

1. Propriété calculée (calculée)

  • est une propriété en lecture seule qui est calculée sur la base d'autres données de réponse.
  • Les propriétés calculées sont automatiquement recalculées lorsque les dépendances changent.
  • Défini à l'aide d'une fonction getter, qui renvoie la valeur calculée.

2. Les méthodes

  • sont des fonctions qui contiennent du code exécutable.
  • Lorsqu'elle est appelée, une méthode exécute son code.
  • Il ne convient pas à la mise à jour automatique des données et doit être appelé manuellement.

Comparaison détaillée

DépendancesMise à jour du déclencheurType de donnéesComment utiliserPerformance Exemple d'utilisation calculé:
<code class="javascript">export default {
  computed: {
    fullName() {
      return this.firstName + ' ' + this.lastName;
    }
  }
};</code>
Copier après la connexion
Caractéristiques calculer les données de réponse Exécuter l'exécutable code
Dépend d'autres données de réponse Aucun
Mise à jour automatiquement lorsque les dépendances changent Doit être appelé manuellement
Fonction getter La valeur renvoyée peut contenir n'importe quel code
En cours d'utilisation dans les modèles ou this.$computed.propertyName pour accéder à Utilisation dans les modèles pour accéder aux
Changements de dépendance Recalculée à l'époque, la performance dépend de la logique de calcul Exécution lorsque appelé, les performances dépendent de la complexité de la méthode this.$computed.propertyName 访问 在模板中使用 this.$methods.methodName()

méthodes:

<code class="javascript">export default {
  methods: {
    greet() {
      console.log('Hello, ' + this.name);
    }
  }
};</code>
Copier après la connexion

Choisissez d'utiliser dans quel sens

utiliser calculé : lorsque vous avez besoin d'une propriété en lecture seule qui est calculée sur la base d'autres données de réponse et doit être mise à jour automatiquement.

Utilisez des méthodes : lorsque vous devez exécuter du code exécutable qui ne dépend pas des données de réponse, ou lorsque vous devez contrôler manuellement les mises à jour des données.

  • Notes
  • Préférez l'utilisation du calcul lorsque cela est possible car cela permet de meilleures performances et une meilleure clarté du code.
  • Évitez d'effectuer des opérations complexes ou fastidieuses en informatique car cela pourrait entraîner des problèmes de performances.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal