如何在Vue中创建.ts组件?

Question

我有一个旧项目，我需要更新，使用'av-ts'插件创建类样式组件与vue-ts加载器编译。ts文件作为vue组件。该项目目前运行在v2.4.2，但我想更新到2.6.14。由于'vue-ts-loader'被弃用，并且项目在更新到^2.5后中断，我需要另一种方法来编译文件。

我想知道是否有一种方法可以配置常规的ts-loader来为我做这件事。有人知道吗?

组件当前是这样的:

import { Component, p, Prop } from 'av-ts';
import * as Vue from 'vue';
@Component({
template: require('./example-component.component.html')
})
export default class ExampleComponent extends Vue {
@Prop public icon: any = p({
type: String,
required: false,
default: ''
});
@Prop public width: any = p({
type: Number,
required: false,
default: 24
});
@Prop public height: any = p({
type: Number,
required: false,
default: 24
});
@Prop public classes: any = p({
type: String,
required: false,
default: ''
});
}

Answer 1

在最坏的情况下。我们不能在ts中使用SFC，因为vue-class-component在ve3中已被弃用。在ve3 .vue-facing-decorator中还有一个选项。它展示了如何使用常规ts文件编写组件。