vue语法中$router和$route有什么不同？附示例代码

在Vue中，router是一个VueRouter的实例，具备一系列方法和属性，用于处理路由的导航和管理。通过这个router对象，我们能够执行各种操作，例如跳转到其他路由、进行动态路由参数传递等。

具体示例代码如下：

methods: {
  goToIndexPage() {
    this.$router.push('/index');
  }
}

route对象表示当前活动的路由信息。它包含了当前路由的相关数据，如路径、参数和查询参数等。通过route对象，我们可以轻松地获取当前路由的详细信息，或者监听路由的变化。

具体示例代码如下：

mounted() {
  console.log(this.$route.params.id);
}