vue 获取当前路由地址

vue 获取当前路由地址
1、router和$route的区别
$router: 路由操作对象，只写。需要对路由进行操作时使用。如路由跳转
$route: 路由信息对象，只读。获取路由相关信息时使用。如获取当前路由地址

2、获取当前路由地址：

this.$route.path

原生方法：

window.location.href

3、获取路由参数（query/params传参）:
query传参时：

路由跳转：
this.$router.push({ name: 'name', query: { id: '123', data: '456' } })

获取参数：
this.$route.query

params传参时:

路由跳转：
this.$router.push({ name: 'name', params: { id: '123', data: '456' } })

获取参数：
this.$route.params

如果对你有帮助，记得点个赞噢（~~）