TypeScript好处
  1. 类型提示:更智能的提示
  2. 编译时报错:还没运行代码就知道自己写错了
  3. 类型检查:无法点出错误的属性
写 Vue 组件的三种方式(单文件组件)

1.用 JS 对象

export default {
	props:[],
    name:"",
	data(){
    }.....
}复制代码
  1. 用 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>复制代码
  1. 用 JS 类(方法同ts但是推荐用第一种)
<script lang="js">
	@Component
 	export default class XXX extends Vue{
     	xxx = 'hi'
 	}
<script>复制代码