VUE学习笔记：25.脚手架vue-cli之箭头函数

Posted 2021-06-30 new nm个对象

在vue cli3中会经常使用到箭头函数形式，所以我们需要了解一下箭头函数的使用。

1.箭头函数的基本使用

js中定义函数有很多种方式：

常规定义：

const aaa = function(参数1,参数2,...){
	代码块;
}

箭头函数定义：

const aaa = (参数1,参数2,...) => {
	代码块;
}

注意：箭头函数定义时还有两个特殊的地方：

• 当参数只有一个时，可以不加()

  const aaa = 参数1 => {
  	代码块;
  }
  

• 当代码块只有一行代码时，且为return时可以不加{}

  const aaa = 参数1 => 代码
  

我们可以看看之前vue cli3的入口文件main.js中的render函数的定义。

 render: h => h(App)

等价与：

 render: h => {
	return h(App)
}

再等价与：

 render: function(h){
	return h(App)
}