习惯了写传统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)                           
})

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐