vue2中哪些使用箭头函数,哪些使用普通函数
2022-09-23 本文已影响0人
浅浅_2d5a
vue所管理的函数都要写成普通函数,不能使用箭头函数。在new Vue实例内的配置中对应的函数。
例如:
1.不应该使用箭头函数来定义 data
属性
2.不应该使用箭头函数来定义 生命周期
函数
3.不应该使用箭头函数来定义 计算属性 (computed)
里面的函数
4.不应该使用箭头函数来定义 监听器 (watch)
里面的函数
5.不应该使用箭头函数来定义 过滤器 (filters)
里面的函数
6.不应该使用箭头函数来定义 method
里面的函数
原因:
箭头函数绑定了父级作用域的上下文,this 将不会按照期望指向 Vue 实例。
也就是说,你不能使用 this 来访问你组件中的 data 数据以及 method 方法了。
哪些函数要写成箭头函数:
1、定时器的回调
2、ajax的回调
3、Promise的回调