详解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 面向对象(二)封装代码
May 23 Javascript
解决jquery中美元符号命名冲突问题
Jan 08 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
JS实现图片切换效果
Nov 17 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 mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
php 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
总结对比php中的多种序列化
2016/08/28 PHP
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
深入理解JavaScript中的尾调用(Tail Call)
2017/02/07 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
pyqt5移动鼠标显示坐标的方法
2019/06/21 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
详解python中index()、find()方法
2019/08/29 Python
详解Python3 pickle模块用法
2019/09/16 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
如何在C# winform中异步调用web services
2015/09/21 面试题
社会实践感言
2014/01/25 职场文书
中国梦口号
2014/06/13 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
党员倡议书
2015/01/19 职场文书
任命书怎么写
2015/03/02 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
辅导员学期工作总结
2015/08/14 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
Python绘画好看的星空图
2022/03/17 Python