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)                           
})