详解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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
热门推荐
10 圣诞祝福语简短小学
11 祖国七十华诞简短祝福语
12 老师送的祝福语简短
13 生日祝福语大全女生简短
14 祝女性生日祝福语简短
15 牛年女神节祝福语简短
16 情人表白祝福语简短大气
17 老公开业祝福语简短
18 官宣新年祝福语简短