1、$route是一个对象:
把this.$route打印出来如下:
可以获取当前页面的路由的路径query、params、meta等参数;
2、$router是VueRouter的一个实例对象:
把this.$router打印出来如下:
在options中可以获取路由的routes配置参数。
我们使用this.$router可以不在每个独立需要封装路由的组件中都导入路由。
// Home.vue
export default {
computed: {
username () {
// 我们很快就会看到 `params` 是什么
return this.$route.params.username
}
},
methods: {
goBack () {
window.history.length > 1
? this.$router.go(-1)
: this.$router.push('/')
}
}
}