当前位置：网站首页>$router和$route的区别

$router和$route的区别

2022-07-26 10:38:00 【songywaa】

$router :是 VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，是一个全局对象，他包含了所有的路由包含了许多关键的对象和属性；

举例：
$\color{red}{history对象：}$ :

$router.push({
    path:'home'});
//本质是向history栈中添加一个路由，在我们看来是 切换路由，但本质是在添加一个history记录

$\color{red}{方法：}$

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

$route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等
我们可以从vue devtools中看到每个路由对象的不同
在这里插入图片描述

$router操作路由跳转

this.$router.push({
     name:'hello', params:{
     name:'word', age:'11' } })

$route读取路由参数接收

var name = this.$route.params.name;

版权声明
本文为[songywaa]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_42288182/article/details/103115382