VUE学习(三) 箭头函数(=>)
习惯了写传统js的我,看了箭头函数的第一眼,就是....这啥东西?经过大神指点后,总结出的一条道理就是:1.当在vue中使用箭头函数,可以在函数中使用this 来引用全局的vue对象,若在传统函数中,有时会引不到。2.并不是所有的函数都适合改为箭头函数。当函数中使用本身的 this 时,我们再用箭头函数将会造成冲突,此时应在函数外面定义一个变量 let $this = this 。在...
·
习惯了写传统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)
})
更多推荐
已为社区贡献1条内容
所有评论(0)