刚学 route 和 router 的时候一脸的雾水,明明相差一个字母,难道不一样吗?后来随着学习的深入,发现还真的不一样,哈哈哈,一起来看看吧!!!

router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。经常用的跳转链接就可以用this.$router.push,和router-link跳转一样。

route相当于当前正在跳转的路由对象。每一个路由都会有一个router对象,可以从里面获取name,path,params等。


1.route

通过 $route.params 获取动态路由参数

动态路由渲染出来的组件中,可以使用 this.$route.params 对象访问到动态匹配的参数值。this.$route 里面存放的是当前页面路由的相关信息。

 2.router

vue-router 提供了许多编程式导航的 API,其中最常用的导航 API 分别是:

this.$router.push('hash 地址')

跳转到指定 hash 地址,并增加一条历史记录

 ② this.$router.go(数值 n)

实现导航历史前进、后退

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐