详解Vue 单文件组件的三种写法


Posted in Javascript onFebruary 19, 2020

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 单文件组件内容请搜素三水点靠木以前的文章或下面相关文章,希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
javascript date格式化示例
Sep 25 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
详解JS数值Number类型
Feb 07 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
小程序实现人脸识别功能(百度ai)
Dec 23 Javascript
vue中 v-for循环的用法详解
Feb 19 #Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 #Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 #Javascript
ES6中new Function()语法及应用实例分析
Feb 19 #Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 #Javascript
JS继承定义与使用方法简单示例
Feb 19 #Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 #Javascript
You might like
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
详解Vue.js分发之作用域槽
2017/06/13 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
Python 高级专用类方法的实例详解
2017/09/11 Python
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
python实现黑客字幕雨效果
2018/06/21 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
解决pycharm remote deployment 配置的问题
2019/06/27 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
python软件都是免费的吗
2020/06/18 Python
通过案例解析python鸭子类型相关原理
2020/10/10 Python
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
旅游管理实习自我鉴定
2013/09/29 职场文书
前台文员的岗位职责
2013/11/14 职场文书
初一科学教学反思
2014/01/27 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
护士节策划方案
2014/05/19 职场文书
我爱我校演讲稿
2014/05/21 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
2015年测量员工作总结
2015/05/23 职场文书
总结会主持词
2015/07/02 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
千万级用户系统SQL调优实战分享
2022/03/03 MySQL