es6 vue 箭头函数 很重要

在做vue项目时用到了axios,但是发现axios请求之后的回调函数里this并不指向当前vue实例,从而导致浏览器报错。

箭头函数相当于匿名函数,并且简化了函数定义。看上去是匿名函数的一种简写,但实际上,箭头函数和匿名函数有个明显的区别:箭头函数内部的this是词法作用域,由上下文确定。此时this在箭头函数中已经按照词法作用域绑定了。很明显,使用箭头函数之后,箭头函数指向的函数内部的this已经绑定了外部的vue实例(为什么呢)了.

如果不用箭头函数,或者在外部定义this,浏览器会提示store未定义
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,245评论 0 6
  • 这几天朴槿惠刷了屏。 她被指与闺蜜崔顺实合谋从大公司敲诈数千万美元且应对几次危机不力,终于被弹劾下台,连卸任总统待...
    wings1999阅读 411评论 0 1
  • 有一次到一个老师家里做客,过了一次传统的典型的“感恩节”,再看其他美国人的感恩节大餐,真的像中国的年夜饭,大...
    木雨阅读 756评论 1 4
  • “放假到奶奶家来玩好么?我装了wifi……” “………………” 我想这是这个春天最让人心酸的句子…… 老人家可能连...
    落尘f雪阅读 313评论 0 2