TypeScript好处

1. 类型提示：更智能的提示
2. 编译时报错：还没运行代码就知道自己写错了
3. 类型检查：无法点出错误的属性

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

1.用 JS 对象

export default {
	props:[],
    name:"",
	data(){
    }.....
}

2. 用 TS 类

<script lang="ts">
	import Vue from "vue";
    import {Component} from "vue-property-decorator";
	@Componet
    export default xxx from Vue{
    	xxx: string = 'hi';
    	@Prop(Number) xxx: number|undefined;
    	xxx(){
    	}
    }
<script>

3. 用 JS 类（方法同ts但是推荐用第一种）

<script lang="js">
	@Component
 	export default class XXX extends Vue{
     	xxx = 'hi'
 	}
<script>