码迷,mamicode.com
首页 > 其他好文 > 详细

router和route的区别

时间:2020-04-09 12:47:44      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:path   全局   表示   home   路径   bsp   的区别   需要   绝对路径   

1、区别:

this.$router是全局路由器对象 this.$route是当前激活的路由对象,包含了当前的路由信息。

console.log(this.$route);
{    
    fullPath:‘/home‘       //包含查询参数和 hash 的完整路径
    path:‘‘,               //当前路由路径,绝对路径
    name:‘Home‘,
    meta:{auth:true},      //是否需要登录
    hash:‘‘,
    params:{},
    query:{id:1}               //表示 URL 查询参数,相当于/home?id=1
    matched:??
}

2、this.$router的方法:

1.字符串 this.$router.push(‘/home‘)
2.对象  this.$router.push({path:‘home‘})
3.命名的路由 this.$router.push({name:‘home‘,params:{id:1}})
4.带查询参数 this.$router.push({path:‘home‘,query:{id:1}})
3、路由跳转方式:
1.声明式:<router-link :to="">
2.编程式:this.$router.push();
4、path:‘name‘ 和 path:‘/name‘ 区别:

假如当前路径是home

this.$router.push(‘/name‘) =>  /home/name
this.$router.push(‘name‘)  =>  /name    

 

router和route的区别

标签:path   全局   表示   home   路径   bsp   的区别   需要   绝对路径   

原文地址:https://www.cnblogs.com/annie211/p/12665981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!