smalljs$molSzukaj⌘ KDokumentacjaPlaygroundPorównanieEkosystemO projekciePL
Z TypeScriptu do view.treeGetting StartedWprowadzenieModel mentalnyPierwsze krokiZ TypeScriptu do view.treeStruktura projektuNarzędziaEssentialsInstalacjaWidokiStan i reaktywnośćRoutingRenderowanieTestowanieWdrożenieRozwiązywanie problemówDataPobieranie danychSchematy danychGiper BazaMorePrezentacjaZ React, Vue i SvelteZbiór przepisówAdvancedWtyczkiMetadane modułuOfflineWidoki-duchyAboutFAQZespółWydaniaAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Z TypeScriptu do view.tree

Komponent, który napisałeś w Pierwszych krokach, to zwykła klasa TypeScriptu. Kompiluje się, działa i jest wspieranym sposobem opisania komponentu $mol — jednym z kilku, które framework przyjmuje.Kazał ci też trzymać w głowie cztery rzeczy niemające nic wspólnego z tym, co komponent robi. Ta strona bierze je po kolei i pokazuje linię view.tree, która usuwa każdą z nich. Potem pokazuje kod generowany przez kompilator, żebyś mógł sprawdzić, że drzewo nie jest drugim środowiskiem uruchomieniowym: wytwarza tę samą klasę, którą już napisałeś.Oto ten plik jeszcze raz, do porównania: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}
Edytuj tę stronę na GitHubieCzy to było pomocne?TakNiePoprzedniaPierwsze krokiNastępnaStruktura projektu
Na tej stronieDziecko budujesz ty i ty je buforujeszKierunek danych mówi operatorWiązanie dwukierunkowe dzieli jeden klawisz od cichego tylko-do-odczytuLokalizowalny napis pozostaje napisem, dopóki nie zrobisz z niego kluczaCały komponentCo wypuszcza kompilatorCzego ręcznie napisana klasa nie odda żadnemu narzędziuRozmiar tego wszystkiegoCo pisać
Type to search the documentation.