TypeScript好处
- 类型提示: 更智能的提示
- 编译时报错:还没运行代码就知道自己写错了
- 类型检查: 无法点出错误的属性
写Vue组件的三种方式
用JS 对象
export default {data,props,methods, created, ...}
用TS 类
<script lang="ts">
@Component
export default class XXX extends Vue{
xxx: string = 'hi';
@prop(Number) xxx: number | undefined;
}
用JS 类
<script lang="js">
@Component
export default class XXX extends Vue{
xxx = 'hi';
}