美文网首页
Vue 中不能使用箭头函数的地方

Vue 中不能使用箭头函数的地方

作者: Cherry丶小丸子 | 来源:发表于2022-03-05 00:36 被阅读0次
    1.不应该使用箭头函数来定义 `data` 属性
    2.不应该使用箭头函数来定义 `生命周期` 函数
    3.不应该使用箭头函数来定义 `计算属性 (computed)` 里面的函数
    4.不应该使用箭头函数来定义 `监听器 (watch)` 里面的函数
    5.不应该使用箭头函数来定义 `过滤器 (filters)` 里面的函数
    6.不应该使用箭头函数来定义 `method` 里面的函数
    ......等等
    
    原因:
    箭头函数绑定了父级作用域的上下文,this 将不会按照期望指向 Vue 实例。
    也就是说,你不能使用 this 来访问你组件中的 data 数据以及 method 方法了。
    this 将会指向 undefined,经常导致 `Uncaught TypeError: Cannot read property of undefined` 或 `Uncaught TypeError: this.myMethod is not a function` 之类的错误
    

    相关文章

      网友评论

          本文标题:Vue 中不能使用箭头函数的地方

          本文链接:https://www.haomeiwen.com/subject/klsvrrtx.html