Vue2中简单使用TS

import { Component, Vue, Prop, Watch } from 'vue-property-decorator'
@Component({
  components: {
    StandardForm,
  }
})
export default class InspectionProject extends Vue {

//  在这里写变量和方法等
//  变量和方法这些可以直接写,不用写在methods或者data里面

}

定义类型

数组:formArray: Array<any> = []

对象:projectFormData: Record<string, any> = {}

字符串:flowRangeValue: string = '自'

prop接收数组

接受对象

  @Prop({
    type: Object,
    default: () => ({})
  })
  projectData!: Record<string, any>

Watch监听

  @Watch('projectFormData.flowRangeValue')
   flowRangeValueChange(newVal, oldVal) {
    // 运维企业更改时,巡检/保养内容初始化
    console.log(newVal, '================')
  }

 

发表评论 / Comment

用心评论~

金玉良言 / Appraise
LQ站长已认证
1年前 (2023-02-21)
测试一下评论区