vue--箭头函数

ES6中的箭头函数:参数=>函数体;

(1)箭头函数和普通函数对比

普通函数:

function test(var param){

alert("这是传过来的参数"+param);

}

        箭头函数:

param=>alert("这是传过来的参数"+param).

普通函数:

function test(var param){

return param*2;

}

箭头函数:

param=>param*2;

(2)箭头函数的作用:

A:通过上面对比可以看出箭头函数简洁可以省去function 和函数名

B:函数体只有一个return时 return可以省略掉。

C:箭头函数中this指的当前的vue

(3)箭头函数的写法:

A:没有参数时:()=>函数体;

        B:一个参数时:参数=>函数体;

C:多个参数时:(param1,param2)=>函数体;

注:如果函数体只有一句话的话可以省略{}

你可能感兴趣的:(vue--箭头函数)