De TypeScript à view.tree

Le composant que vous avez écrit au

Démarrage est une classe TypeScript ordinaire. Il compile, il tourne, et c'est une façon prise en charge de décrire un composant $mol — l'une des plusieurs que le framework accepte.Il vous a aussi demandé de garder en tête quatre choses qui n'ont rien à voir avec ce que le composant fait. Cette page les prend une par une et montre la ligne de view.tree qui supprime chacune d'elles. Puis elle montre le code que le compilateur génère, pour que vous puissiez vérifier que l'arbre n'est pas un second runtime : il produit la classe que vous avez déjà écrite.Voici ce fichier à nouveau, pour comparer :1namespace $ {2 3 export class $my_hello extends $mol_page {4 5 title() {6 return 'Greeting'7 }8 9 body() {10 return [ this.Name(), this.Message() ]11 }12 13 @ $mol_mem14 Name() {15 const obj = new this.$.$mol_string16 obj.hint = () => 'Enter your name'17 obj.value = ( next?: string ) => this.name( next )18 return obj19 }20 21 @ $mol_mem22 name( next?: string ) {23 return next ?? ''24 }25 26 @ $mol_mem27 Message() {28 const obj = new this.$.$mol_view29 obj.sub = () => [ this.greeting() ]30 return obj31 }32 33 greeting() {34 const name = this.name()35 return name ? `Hello, ${ name }!` : 'Please enter your name'36 }37 38 }39 40}Modifier cette page sur GitHubÉtait-ce utile ?OuiNonPrécédentDémarrage SuivantStructure d'un projetSur cette pageL'enfant, c'est à vous de le construire, et de le mettre en cache L'opérateur dit dans quel sens vont les données La liaison bidirectionnelle est à une touche du lecture-seule silencieux Une chaîne localisable reste une chaîne tant que vous n'en faites pas une clé Le composant entier Ce que le compilateur produit Ce qu'une classe écrite à la main ne peut donner à aucun outil La taille de tout ça Lequel écrire