Heim > Web-Frontend > View.js > Hauptteil

Was ist der Unterschied zwischen Vues Router und Route?

青灯夜游
Freigeben: 2023-01-13 00:45:25
Original
15268 Leute haben es durchsucht

Unterschied: Der Router erhält ein Instanzobjekt über „Vue.use(VueRouter)“ und den VueRouter-Konstruktor, der ein globales Objekt ist. Route ist ein Jump-Routing-Objekt. Jede Route verfügt über ein Routenobjekt, bei dem es sich um ein lokales Objekt handelt.

Was ist der Unterschied zwischen Vues Router und Route?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Was ist ein Router?

Router ist ein Objekt von VueRouter und VueRouter. Dieses Objekt ist ein globales Objekt, das alle Routen enthält Objekte und Eigenschaften sind enthalten.

Ähnlich dem Verlaufsobjekt

  • $router.push({path:'home'});Das Wesentliche ist, dem Verlaufsstapel eine Route hinzuzufügen um Routen zu wechseln, aber das Wesentliche ist das Hinzufügen eines Verlaufsdatensatzes. $router.push({path:'home'});本质是向history栈中添加一个路由,在我们看来是 切换路由,但本质是在添加一个history记录

方法:

$router.replace({path:'home'});//替换路由,没有历史记录
Nach dem Login kopieren

route是什么

route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,params,query等

$route.path 
字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news" 。

$route.params 
对象,包含路由中的动态片段和全匹配片段的键值对

$route.query 
对象,包含路由中查询参数的键值对。例如,对于 /home/news/detail/01?favorite=yes ,会得到$route.query.favorite == 'yes' 。

$route.router 
路由规则所属的路由器(以及其所属的组件)。

$route.matched 
数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。

$route.name 
当前路径的名字,如果没有使用具名路径,则名字为空。

$route.path , $route.params , $route.name , $route.query

Methode:

rrreeeWas ist eine Route? Da es sich um ein lokales Objekt handelt, können Sie den entsprechenden Namen, Pfad, Parameter, Abfrage usw. abrufen.

🎜$route.path
Zeichenfolge, gleich dem Pfad des aktuellen Routing-Objekts, wird als absoluter Pfad geparst, z. B. "/home/news". 🎜🎜$route.params
-Objekt, das die Schlüssel-Wert-Paare dynamischer Fragmente und vollständig übereinstimmender Fragmente in der Route enthält🎜🎜$route.query
Objekt, das Schlüssel-Wert-Paare von Abfrageparametern in der Route enthält. Beispielsweise erhalten Sie für /home/news/detail/01?favorite=yes $route.query.favorite == 'yes' . 🎜🎜$route.router
Der Router (und die Komponente, zu der er gehört), zu dem die Routing-Regel gehört. 🎜🎜$route.matched
Array mit Konfigurationsparameterobjekten, die allen Fragmenten entsprechen, die im aktuell übereinstimmenden Pfad enthalten sind. 🎜🎜$route.name
Der Name des aktuellen Pfads. Wenn kein benannter Pfad verwendet wird, ist der Name leer. 🎜🎜$route.path , $route.params , $route.name , $route.queryDies Mehrere Attribute sind leicht zu verstehen und werden hauptsächlich zum Empfangen von Parametern verwendet, die von Routen übergeben werden🎜🎜Verwandte Empfehlungen: „🎜vue.js Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Vues Router und Route?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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!