vue所管理的函数都要写成普通函数,不能使用箭头函数。在new Vue实例内的配置中对应的函数。
例如:
1.不应该使用箭头函数来定义 data
属性
2.不应该使用箭头函数来定义 生命周期
函数
3.不应该使用箭头函数来定义 计算属性 (computed)
里面的函数
4.不应该使用箭头函数来定义 监听器 (watch)
里面的函数
5.不应该使用箭头函数来定义 过滤器 (filters)
里面的函数
6.不应该使用箭头函数来定义 method
里面的函数
原因:
箭头函数绑定了父级作用域的上下文,this 将不会按照期望指向 Vue 实例。
也就是说,你不能使用 this 来访问你组件中的 data 数据以及 method 方法了。
哪些函数要写成箭头函数:
1、定时器的回调
2、ajax的回调
3、Promise的回调
vue2中哪些使用箭头函数,哪些使用普通函数
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 原文首发在我的公众号[https://mp.weixin.qq.com/s?__biz=Mzg2Nzc0NzQ3O...
- 箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发...
- 使用npm下载ladash依赖后,引入lodash 页面代码: methods方法: 报错:this.this.g...
- 写在前面 此系列来源于开源项目:前端 100 问:能搞懂 80%的请把简历给我[https://github.co...
- 基本不同1.写法不同,箭头函数使用箭头定义,普通函数中没有 .箭头函数都是匿名函数,普通函数可以有匿名函数,也可以...