smalljs$molHledat⌘ KDokumentacePlaygroundPorovnáníEkosystémO projektuCS
Z TypeScriptu do view.treeGetting StartedÚvodMyšlenkový modelZačínámeZ TypeScriptu do view.treeStruktura projektuNástrojeEssentialsInstalacePohledyStav a reaktivitaSměrováníVykreslováníTestováníNasazeníŘešení problémůDataNačítání datDatová schémataGiper BazaMoreVýkladní skříňZ React, Vue a SvelteKuchařkaAdvancedPluginyMetadata moduluOfflineGhost pohledyAboutČasté dotazyTýmVydáníAPI$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

Komponenta, kterou jste napsali v kapitole Začínáme, je obyčejná třída TypeScriptu. Přeloží se, běží a je to podporovaný způsob, jak popsat komponentu $mol — jeden z několika, které framework přijímá.Zároveň vás donutila držet v hlavě čtyři věci, které s prací komponenty nemají nic společného. Tato stránka je bere jednu po druhé a ukazuje řádek view.tree, který každou z nich odstraní. Pak ukáže kód, který generuje překladač, abyste si ověřili, že strom není druhé běhové prostředí: vyrábí přesně tu třídu, kterou jste už napsali.Tady je ten soubor znovu, pro srovnání: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}
Upravit tuto stránku na GitHubuBylo to užitečné?AnoNePředchozíZačínámeDalšíStruktura projektu
Na této stráncePotomka si vytváříte sami a sami ho i kešujeteSměr dat udává operátorObousměrné vázání je jednu klávesu od tichého jen-pro-čteníLokalizovatelný řetězec zůstává řetězcem, dokud z něj neuděláte klíčCelá komponentaCo překladač vydáCo ručně psaná třída žádnému nástroji nepředáKolik toho jeCo psát
Type to search the documentation.