All language subtitles for 001 Lists (v-for)_en

Dans la vue 3.2.

Une nouvelle syntaxe ou un nouveau modèle pour l'API de composition a été introduit, qui est le modèle de décodeur de script.

Tous les scripts de syntaxe mis en place nous permettent de rendre nos composants beaucoup plus simples, moins encombrés et plus faciles

à gérer, et nous permet de nous débarrasser de la valeur par défaut d'exportation, de nous débarrasser de la fonction de configuration, et la plupart

surtout, débarrassez-vous de l'instruction de retour.

Ainsi, avec le script configuré, nous n'avons plus à nous soucier de nous assurer que toutes nos propriétés de données,

méthodes, propriétés calculées, etc. sont renvoyées.

Maintenant, sur un composant simple comme celui-ci, cela ne fera peut-être pas beaucoup de différence, mais dans un processus vraiment compliqué

mis en place avec des centaines de composants qui ont chacun des tonnes de propriétés de données différentes, des méthodes, des montres,

propriétés calculées, etc. Cela nous facilite vraiment la vie de ne pas avoir à garder constamment ce retour

déclaration mise à jour chaque fois que nous modifions l'une de nos propriétés de données, méthodes ou que nous les renommons, etc. pour

mon propre Fujitsu sur lequel je travaille actuellement.

J'ai en fait passé une journée entière à convertir environ 100 composants de ce modèle de fonction de configuration en

nouveau modèle de décodeur de script.

Et c'était une journée vraiment ennuyeuse, mais ça en valait la peine car maintenant l'application est beaucoup plus facile à utiliser

sur.

Et au fait, le modèle de création de script est le modèle que je vais utiliser pour le reste du

bien sûr parce que c'est beaucoup plus simple et c'est le modèle que l'équipe recommande.

Convertissons donc ce code dans le nouveau modèle de set top de script.

Je vais donc commencer cette section de script.

J'ai droit à une nouvelle section de script ici.

Maintenant, nous n'avons pas besoin d'ajouter notre valeur par défaut d'exportation et nous n'avons pas besoin d'ajouter cette fonction de configuration.

Tout ce que nous avons à faire est d'ajouter un ensemble d'attributs à ce script d'ouverture comme celui-ci, et nous pouvons maintenant placer

tout notre code ici, toutes nos propriétés de données, méthodes, etc., et nous n'avons même pas besoin de revenir

aucun de ceux-ci.

Alors copions simplement nos deux méthodes et nos comptes sont ref de l'ancien code.

Collez-le directement ici, corrigez simplement l'indentation et nous devons encore importer cette méthode depuis la vue,

donc je vais copier ça.

Nous plaçons simplement toutes nos importations en haut de cette section de script comme ceci, et maintenant nous n'avons plus besoin

pour restituer nos données ou nos méthodes.

Toutes les données, propriétés ou méthodes sont calculées.

Les propriétés que nous déclarons au niveau supérieur de ce script seront automatiquement disponibles dans notre modèle.

Donc, si je l'enregistre maintenant, cela devrait fonctionner immédiatement, et pourtant cela fonctionne toujours et nous avons

maintenant réduit notre section de script de, disons.

21 lignes.

Jusqu'à.

Seulement 11 lignes.

Nous avons donc massivement simplifié notre code et nous n'avons plus à nous soucier de cette embêtante déclaration de retour.