详解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数据显示插件整合实现代码
Oct 24 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
深入理解Node内建模块和对象
Mar 12 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
layer.js之回调销毁对话框的例子
Sep 11 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
农民C键的运用技巧
2020/03/04 星际争霸
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
js正文内容高亮效果的实现方法
2013/06/30 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
详解node nvm进行node多版本管理
2017/10/21 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
python实现树形打印目录结构
2018/03/29 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
Python制作动态字符图的实例
2019/01/27 Python
通过python爬虫赚钱的方法
2019/01/29 Python
200行python代码实现2048游戏
2019/07/17 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
python异步Web框架sanic的实现
2020/04/27 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
交通专业个人自荐信格式
2013/09/23 职场文书
同事打架检讨书
2014/02/04 职场文书
文科毕业生自荐书范文
2014/04/17 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
建议书格式
2015/02/04 职场文书
mysql批量新增和存储的方法实例
2021/04/07 MySQL