$route与$router区别

最新推荐文章于 2024-07-12 00:30:00 发布

捧鲜花的唐老鸭

最新推荐文章于 2024-07-12 00:30:00 发布

阅读量214

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_58207509/article/details/120806667

版权

本文探讨了在Vue.js中，$route和$router的区别，以及路由传参的三种方式：路径直接拼接、query+path传递和params+name传递。详细解释了它们的使用场景和注意事项，强调了路径前缀 `/` 对路径嵌套的影响。

摘要由CSDN通过智能技术生成

$router是通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,包含了一些路由的跳转方法，钩子函数等

$route是路由信息对象，里面主要包含路由的一些基本信息，包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom

this.$router.push('/loginreturn_url=' + encodeURIComponent(router.currentRoute.fullPath))

//router.currentRoute.fullPath 意思是为在js中获取当前路由路径的信息

//encodeURIComponent()为转码

 this.$router.push({

          path: '/login',

          query: {

            return_url: this.$route.fullPath

          }

        })

//this.$route.fullPath 意思为在组件内获取当前路由路径的信息这样传递参数无需转码

这里不做过多赘述

路径注意点以 / 开头的会被当做路径，就不会一直嵌套之前的路径

关注