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.
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'});//替换路由,没有历史记录
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
$route.path
"/home/news"
. 🎜🎜Objet $route.params
$route.query
/home/news/detail/01?favorite=yes
, vous obtiendrez $route.query.favorite == 'yes'
. 🎜🎜$route.router
$route.matched
$route.name
$route.path
, $route.params
, $route.name
, $route.query
Ceci 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!