@esmx/router-vue 在导入时自动增强 Vue 的 TypeScript 类型,为 Vue 2.7+ 和 Vue 3 组件提供类型安全的 $router 和 $route 访问。
在 Vue 2.7+ 中使用 @esmx/router-vue 时,以下属性在 Vue 组件实例上可用:
interface Vue {
readonly $router: Router;
readonly $route: Route;
}在 Vue 3 中使用 @esmx/router-vue 时,应用以下类型增强:
declare module 'vue' {
interface ComponentCustomProperties {
readonly $router: Router;
readonly $route: Route;
}
interface GlobalComponents {
RouterLink: typeof RouterLink;
RouterView: typeof RouterView;
}
}提供:
this.$router 和 this.$routeRouterLink 和 RouterView 组件