react & vue & angular

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的回调

上一篇 下一篇

猜你喜欢

热点阅读