Maison > interface Web > Voir.js > le corps du texte

Comment communiquer entre les routes dans Vue ? Présentation de la méthode

青灯夜游
Libérer: 2020-11-04 17:39:31
avant
2118 Les gens l'ont consulté

La colonne Tutoriel Vue.js suivante vous présentera la méthode de transmission des accessoires aux composants de routage dans Vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment communiquer entre les routes dans Vue ? Présentation de la méthode

La communication des composants entre père et fils est réalisée via des accessoires et $emit, alors qu'en est-il de la communication entre les itinéraires, regardez en bas :

Je suis maintenant Il existe une structure comme celle-ci dans webpack,

Maintenant, je veux cliquer sur le bouton dans test1 pour passer à test2 et obtenir l'identifiant et l'âge transmis par test1,

On peut écrire le routage comme ceci :

{
      path: "/test2/:id/:age",
      component:test2,
      // props:{id:"fang",age:18}
      props:true
    }
Copier après la connexion

Test1.vue :

test2.vue :

Effet :

Comparaison écrite par moi C'est plus simple. Vous pouvez lire la documentation officielle pour plus de détails. Si vous ne savez pas, partageons-la ensemble

Recommandations associées :

Un résumé. des questions d'entretien Vue frontale en 2020 (avec réponses)

Recommandations du didacticiel Vue : les 5 dernières sélections de didacticiels vidéo vue.js en 2020

Plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!