Da TypeScript a view.tree

Il componente che hai scritto in

Per iniziare è una normale classe TypeScript. Compila, funziona, ed è un modo supportato di descrivere un componente $mol — uno dei diversi che il framework accetta.Ti ha però anche chiesto di tenere a mente quattro cose che non hanno nulla a che vedere con quello che il componente fa. Questa pagina le affronta una alla volta e mostra la riga di view.tree che elimina ciascuna. Poi mostra il codice generato dal compilatore, così puoi verificare che l'albero non sia un secondo runtime: produce la classe che hai già scritto.Ecco di nuovo quel file, per il confronto: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}Modifica questa pagina su GitHubÈ stato utile?SìNoPrecedentePer iniziare SuccessivoStruttura del progettoIn questa paginaIl figlio lo costruisci tu, e lo metti in cache tu La direzione dei dati sta nell'operatore Il binding bidirezionale è a un tasto dal sola-lettura silenzioso Una stringa localizzabile resta una stringa finché non ne fai una chiave Il componente intero Cosa emette il compilatore Cosa una classe scritta a mano non può consegnare a uno strumento Quanto pesa Quale scrivere