当前位置:主页 > 网页前端 > vue >

详解Vue 单文件组件的三种写法

时间:2022-06-03 11:09:03 | 栏目:vue | 点击:

JS构造选项写法

export defaul { data, methods, ...}

JS class写法

@Component
export default class Cpn extends Vue{
 counter = 0 //data
 add(){ //methods
  this.counter += 1
 }
}

TS class写法

@Component
export default class Cpn extends Vue{
 @Prop(Number) sum : number | undefined; 
 counter = 0; //data
 add(){ //methods
  this.counter += 1
 }
}

优先推荐第一种写法和第三种

您可能感兴趣的文章:

相关文章