我正在使用基于类的组件将我的 Vue 2 项目从 JS 迁移到 TS。在我的代码中,我vue-router
通过访问this.$route
和this.$router
属性使用。然而,在基于类的 Typescript 组件中,访问这些属性显然会产生编译时错误,因为它们是在运行时由VueRouter
插件动态定义的。
// Something like this works fine in my JS-based Vue components
export default {
methods: {
route() {
return this.$route;
}
}
}
// Compile time error: TS2339: Property '$route' does not exist on type 'RouteUser'.
@Component
export default class RouteUser extends Vue {
route() {
return this.$route;
}
}
那我怎么用vue-router
和vue-class-component
在一起呢?