vue中route与router的区别

本文详细介绍了VueRouter中的基本用法,包括操作路由($router)、获取路由信息($route),以及导航方法如$router.push、$router.replace的区别,同时讨论了params和query的存储位置以及导航前置守卫的使用。
摘要由CSDN通过智能技术生成

简而言之:$router是用来操作路由的,$route是用来获取路由信息的

$router.push(path:'/login')
$router.push({path:'/login',params:{name:'zs'}})
$router.push({path:'/login',query:{name:'ls'}})
$router.push(`path:'/login?name=kb'`)
$router.go(-1)
$router.replace('/404')

$router的导航钩子前置守卫

router.beforeEach((to,from, next)=>{})

$router.params与$router.query的区别???

query的参数会显示在url中,params不会

$router.push与$router.replace的区别

$router.push会增加一条浏览记录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值