详解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 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
js禁止小键盘输入数字功能代码
Aug 01 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
浅谈Node.js:Buffer模块
Dec 05 Javascript
微信小程序 引入es6 promise
Apr 12 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
vue中设置height:100%无效的问题及解决方法
Jul 27 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
新手如何快速理解js异步编程
Jun 24 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
Mootools 1.2教程 类(一)
2009/09/15 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
Python的Django框架中的Context使用
2015/07/15 Python
python实现红包裂变算法
2016/02/16 Python
Python过滤列表用法实例分析
2016/04/29 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
python实现字符串加密成纯数字
2019/03/19 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
python判断正负数方式
2020/06/03 Python
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
什么是设计模式
2012/06/17 面试题
学校运动会开幕演讲稿
2014/01/04 职场文书
2014年大学生自我评价
2014/01/19 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
毕业证委托书范文
2014/09/26 职场文书
OpenCV实现普通阈值
2021/11/17 Java/Android
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python