vue中的ES6语法整理1

1、箭头函数

 ES6允许使用“箭头”(=>)定义函数

var f = v => v;//等价于var f = function(v){return v;    
};

 如果箭头函数不需要参数,则定义如下:

var f = () => 5;
// 等同于
var f = function () { return 5 };

 如果箭头函数需要单个参数或者多个参数,则定义如下:

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {return num1 + num2;
};

  如果箭头函数的代码块多于一条语句,则要使用大括号将他们括起来,并使用return语句返回:

var sum = (num1, num2) => { return num1 + num2; }

  注:箭头函数内部的this不是windows对象,而是函数自身。

2、import,export

   export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 

//demo1.js
export const str = 'hello world'export function f(a){return a+1
}//demo2.js
import { str, f } from 'demo1' //也可以分开写两次,导入的时候带花括号

  也可以使用下面的方式进行导入:

//demo1.js
export default const str = 'hello world'//demo2.js
import str from 'demo1' //导入的时候没有花括号

 

转载于:https://www.cnblogs.com/vipchenwei/articles/7922405.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415192.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android 生成二维码,条形码,二维码添加logo

zxing生成二维码 implementation com.google.zxing:core:3.3.1 implementation(name: zxing-1.0.1, ext: aar) implementation com.github.bumptech.glide:glide:4.9.0 annotationProcessor com.github.bumptech.glide:compiler:4.9.0 private Bitmap getCodeBitmap(String c…

java setDataSource 报红

开始学习spring security遇到一个问题&#xff0c;setDataSource老是报红 解决方案&#xff0c;在pom.xml中增加 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-jdbc</artifactId><version>2…

Android 识别图片二维码,以及设置状态栏颜色

zxing依赖&#xff1a;compile cn.yipianfengye.android:zxing-library:2.2 初始化&#xff1a;private String SAVE_PIC_PATH Environment.getExternalStorageState().equalsIgnoreCase(Environment.MEDIA_MOUNTED)? Environment.getExternalStorageDirectory().getAbsolute…

linux之sed

sed 是一个流编辑器(stream editor)&#xff0c;主要用来执行文本替换。但 sed 的主要设计目的是以批处理的方式而不是交互的方式来编辑文件。 命令简介 基本命令格式 sed [常用选项] 命令文本 输入 常用选项 -n (--quiet, --silent)&#xff1a;安静模式。在 sed 的基本用法中…

mac 升级 15.4之后,部分软件无法打开解决

我的mac升级版本后&#xff0c;有一些好用的软件就打不开了&#xff0c;比如orc识别软件text scanner 解决方法&#xff1a; sudo codesign -f -s - --deep /Applications/TextScan.app可以直接输入 sudo codesign -f -s - --deep 再把文件拖拽过去即可

Android 截图,截取指定view截图

二、具体实现方式 实用截图方法截取整个activity public static Bitmap shotActivity(Activity ctx) {View view ctx.getWindow().getDecorView();view.setDrawingCacheEnabled(true);view.buildDrawingCache();Bitmap bp Bitmap.createBitmap(view.getDrawingCache(), 0, 0…

java使用AntPathMatcher进行uri匹配

需求&#xff1a;我在做rbac权限校验的时候&#xff0c;设置管理员的访问路径为/admin/**,希望所有的开头为/admin/的uri操作地址都能进行匹配判断。 import org.springframework.util.AntPathMatcher;String content "/admin/acuff"; String pattern "/admi…

百度经验 回享计划

https://jingyan.baidu.com/user/income 转载于:https://www.cnblogs.com/qdrs/p/7940353.html

Android 扫描二维码demo

demo下载链接&#xff1a;https://download.csdn.net/download/meixi_android/10779714 zxing依赖&#xff1a; compile cn.yipianfengye.android:zxing-library:2.2 扫描类&#xff1a; /*** 作者&#xff1a;created by meixi* 邮箱&#xff1a;13164716840163.com* 日期&…

neditor 自定义工具栏配置

neditor是ueditor的亚种。我已经实现了vueneditor的封装&#xff0c;下面记录一下常用工具栏的配置。 1、配置方法 实例化编辑器的时候传入 toolbars 参数 2、参数列表 名称描述anchor锚点undo撤销redo重做bold加粗indent首行缩进snapscreen截图italic斜体underline下划线st…

前端学习(2666):完成vue3.0的todolist编辑

1点击编辑 2编辑逻辑 3进入编辑状态

课后作业-团队编程项目总结

成员&#xff1a;王志昂&#xff08;组长&#xff09; 郑 月 李古宇 孙晨旭 鞠牧孜 程冠菲 项目名称&#xff1a;吃货之家 早在商朝末年&#xff0c;太公望(别名:姜太公&#xff0c;姜子牙)在营丘之战时所创制的太公望红焖鸡&#xff0c;在姜太公建立齐国后&#xff0c;红焖鸡(…

Android Notification 手机系统横幅弹出提示框调用,横幅通知,RemoteViews使用实例

直接上代码 &#xff1a;bundle是极光推送的bundle Override public void onReceive(Context context, Intent intent) {try {Bundle bundle intent.getExtras(); 。。。。。。 发送横幅通知方法&#xff1a; try {RemoteViews customView new RemoteViews(context.getPac…

前端学习(2667):退出编辑状态

1逻辑实现 2加上myinput 3判断myinput 调整元素 4

《构建之法》阅读笔记01

本周阅读了《构建之法》的第一章《概论》以及第四章《两人合作》。 《概论》旨在说明软件工程的概念。 作为一个程序员&#xff0c;几乎没有谁不知道“程序算法数据结构”这句名言的&#xff0c;而这本书中&#xff0c;则又提出了另一个概念“软件程序软件工程”&#xff0c;“…

Android 帧动画,加载动画,AnimationDrawable,仿京东加载动画

1、创建drawable文件ring_animation.xml <?xml version"1.0" encoding"utf-8"?> <animation-list xmlns:android"http://schemas.android.com/apk/res/android"><item android:drawable"mipmap/windmill_1"android:…