详解Vue 单文件组件的三种写法
JS构造选项写法
exportdefaul{data,methods,...}
JSclass写法
@Component
exportdefaultclassCpnextendsVue{
counter=0//data
add(){//methods
this.counter+=1
}
}
TSclass写法
@Component
exportdefaultclassCpnextendsVue{
@Prop(Number)sum:number|undefined;
counter=0;//data
add(){//methods
this.counter+=1
}
}
优先推荐第一种写法和第三种
- 第一种更简洁
- 第三种更严谨
到此这篇关于详解Vue单文件组件的三种写法的文章就介绍到这了,更多相关Vue单文件组件内容请搜素毛票票以前的文章或下面相关文章，希望大家以后多多支持毛票票！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。