javascript 迁移typescript记录

javascript转为typescript，增加了单元测试以及代码逻辑整理。（结合vue一起以及脚手架3）

写法记录 template模板

import { Component, Vue, Watch, Prop } from 'vue-property-decorator'

 

interface model{

   xxxx: Boolean

}

@Component({

name: 'ReadArea',

})

export default class ReadArea extends Vue {

 

/** Prop */

@Prop({ type: Boolean, default: false }) public value: boolean

 

/** data */

// 已阅读

hasRead:Boolean = false

/*监听*/

@Watch('hasRead')

onhasReadChange (val: string) {

this.$emit('input', val)

}

}

 

写法记录 action模板

import { ActionTree, 

GetterTree,

} from 'vuex'

import ReadAreaState from '../types/ReadAreaState'

import RootState from '@personal/core/types/RootState'

 

const actions: ActionTree<ReadAreaState, RootState> = {

}

export default actions

 

typescript最重要是增加了类型定义。