【Vue】router和route的区别

 经常在vue的路由使用过程中，会将router和route的调用场景弄混

简单而言，其区别如下：

router

• 含义：用于改变路由、跳转路由的实例对象
• 可以调用的常见方法有：push、replace、go等

route

• 含义：用于获取当前激活路由的信息对象
• 常见属性有：query获取查询参数、params获取动态路由参数、path获取当前路径、hash获取哈希位置等等。

✨PS:查询参数和动态路由参数的区别

•  查询参数是跟在 ? 后面的一连串参数key-value值
• 动态路由参数是动态路由中传递的参数值，在路径中用 ：表示

例如动态路由 /user/:id，此时:d的具体值根据传入的真实路径来解析，并可以在this.$route.params.id中获取

可参考该博主的文章：

https://juejin.cn/post/7225524569506414653