VUE學習（三） 箭頭函數（=>）

習慣了寫傳統js的我，看了箭頭函數的第一眼，就是....這啥東西？經過大神指點後，總結出的一條道理就是：

1.當在vue中使用箭頭函數，可以在函數中使用this 來引用全局的vue對象，若在傳統函數中，有時會引不到。

2.並不是所有的函數都適合改爲箭頭函數。當函數中使用本身的 this 時，我們再用箭頭函數將會造成衝突，此時應在函數外面定義一個變量  let $this = this  。在函數內部通過  $this來操作全局vue對象。

 傳統函數

function iMethod(){
    console.log("csdn")
}

 若改爲箭頭函數

 

iMethod(()=>{
    console.log("csdn")
})

若函數的參數爲空或是大於一個參數時，必須有括號。若只有一個參數，則可以省略括號，如

arr.forEach(item=>{
   console.log(item)                           
})