当前位置:   article > 正文

VUE学习(三) 箭头函数(=>)_vue =>

vue =>

习惯了写传统js的我,看了箭头函数的第一眼,就是....这啥东西?经过大神指点后,总结出的一条道理就是:

1.当在vue中使用箭头函数,可以在函数中使用this 来引用全局的vue对象,若在传统函数中,有时会引不到。

2.并不是所有的函数都适合改为箭头函数。当函数中使用本身的 this 时,我们再用箭头函数将会造成冲突,此时应在函数外面定义一个变量  let $this = this  。在函数内部通过  $this来操作全局vue对象。

 传统函数

  1. function iMethod(){
  2. console.log("csdn")
  3. }

 若改为箭头函数

 

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

若函数的参数为空或是大于一个参数时,必须有括号。若只有一个参数,则可以省略括号,如

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

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/115736?site
推荐阅读
相关标签
  

闽ICP备14008679号