详解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 相关文章推荐
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
JavaScript中的类型检查
Feb 03 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
微信小程序实现多行文字滚动
Nov 18 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
在php MYSQL中插入当前时间
2008/04/06 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
kohana框架上传文件验证规则写法示例
2014/07/14 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
常用的javascript设计模式
2017/01/11 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
Python 修改列表中的元素方法
2018/06/26 Python
使用numba对Python运算加速的方法
2018/10/15 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
python处理document文档保留原样式
2019/09/23 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
Python 识别12306图片验证码物品的实现示例
2020/01/20 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
parser.add_argument中的action使用
2020/04/20 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
Linux常见面试题
2013/03/18 面试题
毕业生文员求职信
2013/11/03 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
房屋所有权证明
2015/06/19 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书