javascript - Quelle est la différence entre calculé et regardé en vue?

Question

Comme mentionné, dans la documentation officielle de vue.js, j'ai vu un exemple d'utilisation de calculated et watch pour obtenir le nom complet :

var var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar',
    fullName: 'Foo Bar'
  },
  watch: {
    firstName: function (val) {
      this.fullName = val + ' ' + this.lastName
    },
    lastName: function (val) {
      this.fullName = this.firstName + ' ' + val
    }
  }
})

var var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
    fullName: function () {
      return this.firstName + ' ' + this.lastName
    }
  }
})

Le débutant a dit qu'il ne comprenait pas la différence entre eux. La montre ne peut-elle pas être obtenue comme calculée ?

Answer 1

Vous écrivez moins de code en utilisant le calcul, il n'y a pas de différence majeure

Answer 2

Je pense qu'il y a quand même une différence, et qu'il faut distinguer les deux situations d'application.

Les propriétés calculées sont des propriétés calculées et les observations sont des observations.

Comme son nom l'indique, une propriété calculée est une autre propriété calculée via d'autres variables. fullName recalcule sa propre valeur lorsque les deux variables dont elle dépend, firstName et lastName, changent.

De plus, les propriétés calculées ont une mise en cache . Les propriétés calculées sont mises en cache en fonction de leurs dépendances. Une propriété calculée n'est réévaluée que lorsque ses dépendances associées changent. Cela signifie que tant que ni lastName ni firstName n'ont changé, plusieurs accès à la propriété calculée fullName renverront immédiatement le résultat calculé précédent sans avoir à réexécuter la fonction.

La montre d'observation consiste à observer une valeur spécifique et à exécuter une fonction spécifique lorsque la valeur change. Par exemple, dans le composant de pagination, nous pouvons détecter le numéro de page et exécuter la fonction pour obtenir des données.

Vous pouvez consulter le document plus en détail : https://cn.vuejs.org/v2/guide...

Answer 3

Plus lisible et généralement moins de code.

Answer 4

En termes simples, le calcul est basé sur le cache et la montre est égale à une fonction. Personnellement, je pense que c'est suffisant à condition que vous sachiez comment l'utiliser, je vais vous expliquer les différences spécifiques

.

Je pense que les attributs calculés devraient être utilisés plus largement