smalljs$molSuche⌘ KDokuPlaygroundVergleichÖkosystemÜberDE
KochbuchGetting StartedEinführungMentales ModellErste SchritteVon TypeScript zu view.treeProjektstrukturWerkzeugeEssentialsInstallationViewsZustand und ReaktivitätRoutingRenderingTestenDeploymentFehlerbehebungDataDatenabrufDatenschemasGiper BazaMoreSchaufensterVon React, Vue und SvelteKochbuchAdvancedPluginsModul-MetadatenOfflineGhost-AnsichtenAboutFAQTeamReleasesAPI$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

Kochbuch

Kurze, kopierfertige Rezepte für Aufgaben, die in fast jeder App auftauchen. Jedes ist echter $mol-Code — passe die Namen an und setze es ein.

Ein beidseitig gebundenes Eingabefeld

Halte ein Eingabefeld und einen abgeleiteten Wert synchron, ohne einen Handler zu verdrahten: <=> bindet in beide Richtungen, und jede berechnete Eigenschaft, die den Wert liest, aktualisiert sich von selbst.1$my_greeter $mol_view2 sub /3 <= Name $mol_string4 value? <=> name?5 <= Hello $mol_view6 sub / <= greeting \1namespace $.$$ {2 export class $my_greeter extends $.$my_greeter {3 @ $mol_mem name( next?: string ) { return next ?? '' }4 5 @ $mol_mem greeting() {6 return this.name() ? `Hello, ${ this.name() }!` : 'Type your name'7 }8 }9}

Eine Liste zum Hinzufügen und Entfernen

Halte die Sammlung in einer reaktiven Eigenschaft und schreibe sie aus Aktionen unveränderlich neu. Ein indiziertes Row* rendert eine Zeile pro Element, und — dank virtualisiertem Rendering — werden nur die sichtbaren Zeilen gebaut.1$my_todo $mol_view2 draft? \3 items /4 sub /5 <= Input $mol_string6 value? <=> draft?7 hint \New item8 <= Add $mol_button_major9 click? <=> add?10 sub / <= add_label \Add11 <= List $mol_list12 rows <= item_rows /13 Row* $mol_row14 sub /15 <= Label* $mol_view16 sub / <= item_title* \17 <= Delete* $mol_button_minor18 click? <=> delete*?19 sub / <= delete_label \✕
Diese Seite auf GitHub bearbeitenWar das hilfreich?JaNeinZurückVon React, Vue und SvelteWeiterPlugins
Auf dieser SeiteEin beidseitig gebundenes EingabefeldEine Liste zum Hinzufügen und EntfernenDaten laden mit Lade- und FehlerzuständenLokalen Zustand persistierenEinen Routen-Parameter lesen und schreibenEin automatisches Hell/Dunkel-Theme hinzufügenWeiter
Type to search the documentation.