Principe de réponse de Vue
Une fois les données modifiées, la page sera restituée pour mettre à jour la vue, qui est réactive à Vue. Vue implémente la réactivité des données grâce au détournement de données combiné au mode publication-abonné. Lorsque les données sont acquises ou modifiées, la fonction de rappel correspondant à l'écouteur sera déclenchée pour effectuer un traitement logique. Vue2.0 utilise la méthode Object.defineProperty() pour surveiller l'acquisition et la modification d'une certaine propriété de l'objet. Vue3.0 utilise un proxy inverse proxy, qui surveille la modification de la propriété entière de l'objet.
Comment Object.defineProperty () surveille spécifiquement:
Tout d'abord, nous devons définir les données (données) comme forme d'accès de getter et setter via la méthode Object.defineProperty (), afin que nous puissions définir la page de modification de surveillance dans la méthode setter lorsque les données sont modifiées Information, c'est-à-dire que chaque fois que les données sont modifiées, la méthode set correspondante sera déclenchée, et on pourra alors appeler la méthode d'exploitation dom dans la méthode set. De plus, si la page a une entrée qui utilise v-model pour lier les données, nous devons ajouter la surveillance des événements d'entrée à l'élément d'entrée lié aux données et modifier les données correspondantes chaque fois que l'événement d'entrée est déclenché.
Vue implémente la réactivité des données, qui détecte les modifications de données via le piratage de données, et publie et s'abonne pour collecter les dépendances et mettre à jour les vues.