vue的$router和$route的区别

• 路由器，是vue-router的一个实例对象，包含单页面应用整个路由器的信息（options）、当前的路由信息（currentRoute）、路由跳转方式（back、go、push、replace、forward）、全局导航守卫信息（beforeEach、beforeResolve）等， 详细参数信息router-实例属性
• 创建

const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

// 创建 router 实例，然后传 `routes` 配置
const router = new VueRouter({
  routes 
})
//注入路由器
createApp(App)
    .use(router)
    .mount('#app');

• 访问

console.log(this.$router);

如下图：

• 表示当前激活的路由信息对象，包括路由绝对路径（path）、名称（name）、参数（params、query）、hash、路由元信息（meta）等，详细参数信息参考路由对象属性
• 访问

console.log(this.$route);

如下图：