Maison > interface Web > Voir.js > Quelle est la différence entre le routeur et la route de Vue ?

Quelle est la différence entre le routeur et la route de Vue ?

青灯夜游
Libérer: 2023-01-13 00:45:25
original
15383 Les gens l'ont consulté

Différence : le routeur obtient un objet instance via "Vue.use(VueRouter)" et le constructeur VueRouter, qui est un objet global. La route est un objet de routage de saut. Chaque route aura un objet route, qui est un objet local.

Quelle est la différence entre le routeur et la route de Vue ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Qu'est-ce qu'un routeur ?

router est un objet de VueRouter. Grâce à Vue.use (VueRouter) et au constructeur de VueRouter, vous obtenez un objet d'instance de routeur. Cet objet est un objet global, qui contient toutes les clés. les objets et les propriétés sont inclus.

Similaire à l'objet history

  • $router.push({path:'home'});L'essence est d'ajouter une route à la pile historique. À notre avis, c'est le cas. pour changer d'itinéraire, mais l'essence est d'ajouter un enregistrement d'historique$router.push({path:'home'});本质是向history栈中添加一个路由,在我们看来是 切换路由,但本质是在添加一个history记录

方法:

$router.replace({path:'home'});//替换路由,没有历史记录
Copier après la connexion

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

Méthode :

rrreeeQu'est-ce que route

🎜🎜route est un objet de routage de saut Chaque itinéraire aura un objet d'itinéraire, qui est un objet local, vous pouvez obtenir le nom, le chemin, les paramètres, la requête correspondants, etc. 🎜🎜$route.path
Chaîne, égale au chemin de l'objet de routage actuel, sera analysé comme un chemin absolu, tel que "/home/news". 🎜🎜Objet $route.params
, contenant les paires clé-valeur des fragments dynamiques et des fragments entièrement correspondants dans la route🎜🎜$route.query
Objet contenant des paires clé-valeur de paramètres de requête dans l'itinéraire. Par exemple, pour /home/news/detail/01?favorite=yes , vous obtiendrez $route.query.favorite == 'yes' . 🎜🎜$route.router
Le routeur (et le composant auquel il appartient) auquel appartient la règle de routage. 🎜🎜$route.matched
Tableau contenant les objets de paramètres de configuration correspondant à tous les fragments contenus dans le chemin actuellement correspondant. 🎜🎜$route.name
Le nom du chemin actuel Si aucun chemin nommé n'est utilisé, le nom sera vide. 🎜🎜$route.path , $route.params , $route.name , $route.queryCeci Plusieurs attributs sont faciles à comprendre et servent principalement à recevoir les paramètres passés par routage🎜🎜Recommandations associées : "🎜Tutoriel vue.js🎜"🎜

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:php.cn
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