编程知识 cdmana.com

Calculer les propriétés par rapport aux auditeurs, etc.

Propriétés calculées

        Les expressions dans le modèle sont très pratiques,Mais ils ont été conçus à l'origine pour des opérations simples.Mettre trop de logique dans un modèle peut rendre le modèle trop lourd et difficile à entretenir.Par exemple:

        Dans cet endroit,Le modèle n'est plus une simple logique déclarative.Vous devez regarder pendant un certain temps pour réaliser,Voici la variable que vous voulez afficher message Chaîne inversée pour.Quand vous voulez inclure cette chaîne Flip à plusieurs endroits dans le modèle,Ce sera plus difficile à gérer..

Alors...,Pour toute logique complexe,Vous devriez tous utiliserPropriétés calculées.

Exemples de projets

La plupart des pages du système Asset Workbench utilisent ces deux boutons,Les deux boutons - poussoirs sont donc encapsulés

         Dans le composant computed Calculer les propriétés pour contrôler la largeur et l'alignement des boutons de requête

Calculer le cache d'attributs vsMéthodes

         Nous pouvons obtenir le même effet en appelant la méthode dans l'expression ,Par exemple:

        Nous pouvons définir la même fonction comme une méthode plutôt qu'un attribut calculé.Le résultat final des deux approches est exactement le même.Et pourtant,La différence estLes propriétés calculées sont mises en cache en fonction de leurs dépendances réactives.Ils ne sont réévalués que si les dépendances réactives pertinentes changent.Ça veut dire juste message  Rien n'a changé ,Visites multiples reversedMessageLes propriétés calculées renvoient immédiatement les résultats des calculs précédents,Sans avoir à exécuter à nouveau la fonction.

Cela signifie également que les propriétés calculées suivantes ne seront plus mises à jour ,Parce que Date.now() Pas une dépendance réactive:

Propriétés calculéesvs Propriétés d'écoute

        Vue Fournit un moyen plus général d'observer et de réagir Vue Changement de données sur l'Instance :Propriétés d'écoute. Lorsque vous avez des données qui doivent changer avec d'autres données , Tu es facile à abuser  watch—— Surtout si vous avez déjà utilisé AngularJS.Et pourtant, Il est souvent préférable d'utiliser des propriétés calculées plutôt que des commandes  watch Rappel. Pensez à cet exemple :

         Le code ci - dessus est commandé et répété . Comparez - le à la version de l'attribut calculé :

Moniteur

        Bien que le calcul des attributs soit plus approprié dans la plupart des cas,Mais parfois, un auditeur personnalisé est nécessaire.C'est pour ça que Vue Adoption watch Les options offrent une approche plus générale,Pour répondre aux changements dans les données.Lorsque des opérations asynchrones ou coûteuses sont nécessaires lorsque les données changent,C'est la façon la plus utile.

Exemples de projets

————————————————————————————————————————

Exemples officiels

        Dans cet exemple,Utiliser watch  Les options nous permettent d'effectuer des opérations asynchrones (Accès à un API), Limiter la fréquence à laquelle nous effectuons cette opération , Et en attendant le résultat final , Définir l'état intermédiaire . Ce sont des choses que les propriétés calculées ne peuvent pas faire .

Sauf que watch En dehors des options, Vous pouvez également utiliser la commande  vm.$watch API.

版权声明
本文为[Utilisateur 3847331201471]所创,转载请带上原文链接,感谢
https://cdmana.com/2021/09/20210914164425992r.html

Scroll to Top