1. $router
为VueRouter实例,想要导航到不同URL 则使用$router.push
方法
例如:
this.$router.go(-1) // 返回上一个历史页面
this.$router.push({
path: '/user',
query:{
name: 'zhangsan',
age: 18,
height: 1.87
}
})
toDetail(item) {
this.$router.push({
name: 'schoolDetail',
query: {
id: item.id
}
})
}
2. $route
为当前router跳转对象里面可以获取name,path,query,params等
<template>
<div>
<h2>我是User组件</h2>
<h2>{{$route.query.name}}</h2>
<h2>{{$route.query.age}}</h2>
<h2>{{$route.query.height}}</h2>
</div>
</template>