首页 >> js开发 >> js详解Vue 单文件组件的三种写法js大全
js详解Vue 单文件组件的三种写法js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
JS构造选项写法JS构造选项写法JS构造选项写法
export defaul { data, methods, ...}
export defaul { data, methods, ...}
JS class写法JS class写法JS class写法
@Component
export default class Cpn extends Vue{
counter = 0 //data
add(){ //methods
this.counter += 1
}
}
@Component
export default class Cpn extends Vue{
counter = 0 //data
add(){ //methods
this.counter += 1
}
}
TS class写法TS class写法TS class写法
@Component
export default class Cpn extends Vue{
@Prop(Number) sum : number | undefined;
counter = 0; //data
add(){ //methods
this.counter += 1
}
}
@Component
export default class Cpn extends Vue{
@Prop(Number) sum : number | undefined;
counter = 0; //data
add(){ //methods
this.counter += 1
}
}
优先推荐第一种写法和第三种
第一种更简洁
第三种更严谨
第一种更简洁第三种更严谨
export defaul { data, methods, ...}
export defaul { data, methods, ...}
JS class写法JS class写法JS class写法
@Component
export default class Cpn extends Vue{
counter = 0 //data
add(){ //methods
this.counter += 1
}
}
@Component
export default class Cpn extends Vue{
counter = 0 //data
add(){ //methods
this.counter += 1
}
}
TS class写法TS class写法TS class写法
@Component
export default class Cpn extends Vue{
@Prop(Number) sum : number | undefined;
counter = 0; //data
add(){ //methods
this.counter += 1
}
}
@Component
export default class Cpn extends Vue{
@Prop(Number) sum : number | undefined;
counter = 0; //data
add(){ //methods
this.counter += 1
}
}
优先推荐第一种写法和第三种
第一种更简洁
第三种更严谨
第一种更简洁第三种更严谨