写 Vue 组件的三种方式（单文件组件）

2021-09-02 161 阅读1分钟

1. 用 JS 对象

export default {data, props, methods, created, ...}

2. 用 TS 类 `<script lang="ts">`（我个人优先使用这种）

@Component
export default class Xxx extends Vue {
    xxx: string = 'hi';
    @Prop(Number) xxx: number | undefined;
}

3. 用 JS 类 `<script lang="js">`或`<script>`

@Component
export default class Xxx extends Vue {
    xxx = 'hi'
}