De TypeScript para view.tree

O componente que você escreveu em

Primeiros passos é uma classe TypeScript comum. Ele compila, ele roda, e é uma forma suportada de descrever um componente $mol — uma entre as várias que o framework aceita.Ele também pediu que você segurasse na cabeça quatro coisas que nada têm a ver com o que o componente faz. Esta página pega uma de cada vez e mostra a linha de view.tree que remove cada uma. Depois mostra o código que o compilador gera, para você conferir que a árvore não é um segundo runtime: ela produz a classe que você já escreveu.Aqui está o arquivo de novo, para comparar: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}Editar esta página no GitHubIsto foi útil?SimNãoAnteriorPrimeiros passos PróximoEstrutura do projetoNesta páginaO filho é você quem constrói, e é você quem guarda em cache O operador diz para onde os dados vão A ligação bidirecional está a uma tecla do somente-leitura silencioso Uma string localizável continua sendo uma string até você criar uma chave O componente inteiro O que o compilador emite O que uma classe escrita à mão não entrega a nenhuma ferramenta O tamanho da coisa Qual escrever