$route是指在Vue.js中定义的路由的对象,它包含了路由的路径、名称、组件等信息。我们可以通过$route来访问当前路由的信息。
$router是指Vue.js中的路由器对象,它负责管理所有的路由和导航功能。通过$router对象,我们可以实现路由的跳转、导航守卫等功能。
假设我们在Vue.js中定义了以下路由:
const routes = [ { path: '/home', name: 'home', component: Home }, { path: '/about', name: 'about', component: About } ]
在组件中,我们可以通过$route来访问当前路由的信息,比如获取当前路由的路径和名称:
export default { mounted() { console.log(this.$route.path) // 打印当前路由的路径 console.log(this.$route.name) // 打印当前路由的名称 } }
而如果我们想进行路由的跳转,就需要使用$router对象,比如在点击按钮时跳转到指定的路由:
export default { methods: { goToAbout() { this.$router.push({ path: '/about' }) // 跳转到/about路由 } } }