箭头函数

箭头函数的语法非常简单，看一下最简单的箭头函数表示法

() => console.log('Hello')

之前没有接触过箭头函数的人可能会惊讶于其代码的简洁。对比之前如果要写一个这样的函数

function(){
    console.log('hello')
}

箭头函数的简洁性一目了然。

 

对比：

<button @click="pu_tong('普通函数')">普通函数</button>
<button @click="jian_tou('箭头函数')">箭头函数</button>

方法：
methods:{
    pu_tong(x){
        setTimeout(function(){
            alert(x)
        },1000)
    },
    jian_tou(x){
        setTimeout(
            ()=>alert(x),1000
        )
    }
}

 

 

 

 

 

.