vue中$router和$route的区别

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('/')
    }
  }
}