详解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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。