详解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
 }
}

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

  • 第一种更简洁
  • 第三种更严谨

到此这篇关于详解Vue 单文件组件的三种写法的文章就介绍到这了,更多相关Vue 单文件组件内容请搜素创新互联以前的文章或下面相关文章,希望大家以后多多支持创新互联!


分享标题:详解Vue单文件组件的三种写法
当前URL:http://bzwzjz.com/article/pdpecj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 温江网站设计 网站设计 成都网站设计 成都网站建设公司 成都网站建设 外贸网站设计方案 重庆网站制作 网站建设改版 成都网站建设 自适应网站建设 重庆网站建设 上市集团网站建设 重庆网站制作 成都网站建设 专业网站设计 成都网站设计 外贸网站建设 企业网站建设公司 成都网站建设 成都商城网站建设 成都网站建设