Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据
对于多个参数:省略函数体的方法
复杂写法
(参数1, 参数2, …, 参数N) => { 函数声明 }var f = (num1, num2) => { return num1*num2
};console.log(f(3, 4)); // 12
简约写法
(参数1, 参数2, …, 参数N) => 表达式(单一)var f = (num1, num2) => num1*num2;console.log(f(3, 4)); // 12
对于单个参数:省略圆括号的方法
当只有一个参数时,圆括号是可省略的:(单一参数) => {函数声明}
单一参数 => {函数声明}var f = num => num*num;
console.log(f(3)); // 9
没有参数的函数应该写成一对圆括号
() => {函数声明}var f = () => 'hello world';
console.log(f()); // hello world
引入箭头函数有两个方面的作用:简化函数和不需要绑定 this
var materials = ['Hydrogen','Helium','Lithium','Beryllium'];var f = materials.map(function(material) { return material.length; }); console.log(f) // [8, 6, 7, 9]使用箭头函数简化:
var f = materials.map(material => {return material.length;
});console.log(f) // [8, 6, 7, 9]进一步简化:
var f = materials.map(material => material.length);
console.log(f) // [8, 6, 7, 9]
Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据相关推荐
- vue中父子组件先后渲染_vue父子组件钩子函数的执行顺序
加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount-& ...
- Vue(五)Vue中的网络请求(使用Vue脚手架发送Axios请求)
一.Axios 1.定义:利用ES6提供的Promise方式,把AJAX进行了封装.我们在Vue中发送网络请求,基本上就是使用Axios 需要安装第三方的Axios模块,才能使用 ...
- vue中img标签404错误处理事件onerror
以下为图片链接失效的情况 若服务上的图片直接在浏览器上可以打开,但是在img上报404错误处理方法 在index.html中添加代码如下 <meta name="referrer&qu ...
- 如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...
- vue 中遍历数组对象 存到一个新数组里
vue 中遍历数组对象 存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值 方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...
- vue中进入页面,自动触发一次点击事件
vue中进入页面,自动触发一次点击事件 html script 一进去页面,我肯定是要进去就能看到数据,而不是需要点击选项1才得到数据,解决办法就是直接在created()中调用 html <d ...
- vue中tab切换前端实现_vue实现Tab切换功能
在项目开发中,我们经常会碰到Tab切换的功能,而在Vue中想实现这样的功能也应该有很多种,常用的三种应该是 Tab路由切换.Tab动态组件切换.通过v-show设置Tab显示隐藏.每种方法实现起来其实 ...
- python函数由什么组成_python的函数
1.什么是函数? 有两个变量 x 和 y ,当 x 取其变化范围中的每一个特定值时,相应地有唯一的 y 与它对应,则称 y 是 x 的函数.记为 y = f ( x ),其中 x 为自变量, y 为因 ...
- python函数结构_Python代码结构:函数
欢迎关注「issnail」 "一起学习,一起成长!" 1.定义函数与调用函数 定义python函数:依次输入def.函数名.带有函数参数的圆括号,最后紧跟一个冒号(:) 函数命名规 ...
最新文章
- Iaas、Caas、Paas、Faas!选择正确的平台!
- html进度条圆圈渐变色,HTML5 canvas带渐变色的圆形进度条动画
- Android 搜索框 search dialog 和 search widget
- windows 程序设计_Python 在windows环境简单搭建
- 优化信息流很麻烦?三招教你轻松搞定
- CTO不写代码就算了,架构师也不写?
- echars vue 添加数据没更新_Vue遍历数据,并添加到右侧数组
- ASP.NET中 Repeater嵌套
- 超强在线考试系统源码(私有部署二次开发)
- spring boot+shiro中使用@RequiresRoles不生效,访问报错404
- C/C++——++i、i+=1、i++之间的区别(附在学习boost时遇到的例子)
- JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时
- mysql 5.7 导入出错_mysql5.x数据库文件导入mysql5.7数据库出错解决方法
- python的zipfile压缩文件夹_python zipfile压缩使用说明
- List对象集合通过对象属性进行查找
- opencv 提取图像线条 霍夫线检测
- FZU - 1759 Problem 1759 Super A^B mod C 欧拉降幂公式
- mlir toy 教程(1)
- 微信小程序之校园二手交易系统app毕业设计ssm
- 基于Java毕业设计智慧茶园综合管理系统源码+系统+mysql+lw文档+部署软件
热门文章
- 史上最简单的SpringCloud教程 | 第十二篇: 断路器监控(Hystrix Dashboard)
- 1CCTableView的使用,TableView响应和小格子tableView实现
- 网络WIFI摄像机方案主控芯片最全介绍
- caffe编译报错 cudnn.hpp:127:41: error: too few arguments to function ‘cudnnStatus_t cudnnSetPooling2dDe
- 修改记录功能--jsp,servlet
- lnmp 一键安装包部署ThinkPHP5
- J2EE中在web.xml异常页面跳转
- 鼠标滑过,解决ul下 li下a的背景与父级Li不同宽的问题
- POJ1269 直线相交
- Handler延迟事件使用