Routage — $mol

Routage

Le routage dans $mol n'est pas une bibliothèque séparée — l'URL n'est qu'un autre morceau d'état réactif. Lisez-la, écrivez-la, et les vues réagissent de la même manière qu'à n'importe quelle cellule. Le bouton retour, les liens profonds et les URL partageables sont tous gratuits.

L'URL comme état

$mol_state_arg expose les paramètres d'URL comme des valeurs réactives. Liez-en un à une propriété et la barre d'adresse devient votre source de vérité :1namespace $.$$ {2 export class $my_app extends $.$my_app {3 @ $mol_mem4 page( next?: string ) {5 return $mol_state_arg.value( 'page', next ) ?? 'home'6 }7 }8}Lire page() renvoie la valeur actuelle ; appeler page('about') navigue. Tout ce qui lit page() se re-rend au changement — y compris le bouton retour du navigateur, qui met la cellule à jour pour vous.

Changer d'écran

Combinez une valeur routée avec un simple switch pour choisir ce qui s'affiche. Comme les vues sont

paresseuses, les écrans que vous n'affichez pas ne sont jamais construits :1@ $mol_mem2body_content() {3 switch ( this.page() ) {4 case 'about': return [ this.About() ]5 case 'docs': return [ this.Docs() ]6 default: return [ this.Home() ]7 }8}

Liens qui définissent des arguments

Dans view.tree, un lien peut définir des arguments d'URL de manière déclarative — cliquer dessus navigue sans gestionnaire :1<= About_link $mol_link2 arg *3 page \about4 sub / <= about_label \About$mol_link se marque aussi comme actif (mol_link_current) lorsque ses arguments correspondent à l'URL actuelle, donc mettre en évidence la page courante ne nécessite aucun état supplémentaire.

Paramètres multiples

Les arguments sont indépendants, donc un écran peut router sur plusieurs à la fois. Ce site de documentation route à la fois sur section et page :1<= Guide_link $mol_link2 arg *3 section \docs4 page \viewsChaque clé fait l'aller-retour par l'URL, donc toute vue est partageable et ajoutable aux favoris par construction. Définir un argument laisse les autres intacts, ce qui fait des liens profonds — une section et une page et une ancre spécifiques — une simple question de définir les clés qui vous intéressent.Modifier cette page sur GitHubÉtait-ce utile ?OuiNonPrécédentÉtat et réactivité SuivantRenduSur cette pageL'URL comme état Changer d'écran Liens qui définissent des arguments Paramètres multiples État qui ne devrait pas être dans l'URL Suite