Heim > Web-Frontend > View.js > Hauptteil

Wie kommuniziere ich zwischen Routen in Vue? Methodeneinführung

青灯夜游
Freigeben: 2020-11-04 17:39:31
nach vorne
2117 Leute haben es durchsucht

Die folgende Spalte „Vue.js-Tutorial“ stellt Ihnen die Methode zum Übergeben von Requisiten an Routing-Komponenten in Vue vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie kommuniziere ich zwischen Routen in Vue? MethodeneinführungDie Komponentenkommunikation zwischen Vater und Sohn wird durch Requisiten und $emit realisiert. Was ist mit der Kommunikation zwischen Routen? Schauen Sie unten:

Ich habe jetzt eine solche Struktur im Webpack,

Jetzt möchte ich Klicken Sie auf die Schaltfläche in Test1, um zu Test2 zu springen und die ID und das bestandene Alter von Test1 abzurufen. Wir können die Route wie folgt schreiben:

{
      path: "/test2/:id/:age",
      component:test2,
      // props:{id:"fang",age:18}
      props:true
    }
Nach dem Login kopieren

 test1.vue:

test2.vue:

Effekt :

Sie können die offizielle Dokumentation für Details lesen, wir können es gemeinsam teilen

Verwandte Empfehlungen:

Zusammenfassung der Front-End-Vue-Interviewfragen im Jahr 2020 (mit Antworten)

Vue-Tutorial-Empfehlung: 2020 neueste 5 vue.js-Video-Tutorial-Auswahl

Weitere Kenntnisse im Zusammenhang mit der Programmierung finden Sie unter: Einführung zum Programmieren

! !

Das obige ist der detaillierte Inhalt vonWie kommuniziere ich zwischen Routen in Vue? Methodeneinführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!