typesript vue 中方法的使用

在VUE中会有一些简单的方法，在typescript中怎么使用

新的项目用的是typescript+vue来写的，在前期首先是如何让vue正常的工作，所以在此先简单的总结一下

引入js

 如何正确的引入typescript 

//js
<script lang="ts">
// Vue使用ts引入的修饰器简化书写
import { Vue } from "vue-property-decorator";
</script>

在VUE组件中引入指定 lang=“ts”

下面是vue中相关关键字的写法

<script lang="ts">
// Vue使用ts引入的修饰器简化书写
import { Component, Vue, Prop,Watch } from "vue-property-decorator";
@Component({
  components: {
   //XXX组件
  }
})
export default  class ContractManage extends Vue{
	created() {
		//组件初始化数据
	 }
	 
	 // 当前组件中的属性直接赋值，就可以直接使用propData
  @Prop()
  private propData?:any;
  
  // 监听数据，vue在的监听事件这样用 强制刷新
   @Watch("watchName") 
   	upBackDialogData(){
      	this.newData = this.watchName;
  	}
  	
	 // 该组件中数据，直接写
 	number: number = 0;
	//组件中的方法
 	otherMethod(){
		//......
	}
}
</script>