[vue] 在vue项目中如果methods的方法用箭头函数定义结果会怎么样？ #475

haizhilin2013 · 2019-06-22T21:05:32Z

[vue] 在vue项目中如果methods的方法用箭头函数定义结果会怎么样？

yin-pathfinder · 2019-06-28T08:17:49Z

this为undefined

shanyanwt · 2019-07-02T03:42:46Z

因为箭头函数默绑定父级作用域的上下文，所以不会绑定vue实例，所以 this 是undefind

Hellohanlili · 2019-07-03T10:01:10Z

会使this指向的结果返回undefined

weipxiu · 2019-07-04T08:41:19Z

this指向的是当前方法，并不会报错

Janesummers · 2019-07-23T10:21:33Z

this指向实例最开始实例化的那个作用域

binnuo · 2019-07-30T08:28:39Z

var app = nvar app = new Vue({
el: "#app",
data: {},
methods: {
a: () => {
console.log(this); //Window
}
}
});
为什么我的this指向的是Window？

yin-pathfinder · 2019-08-08T03:00:27Z

var app = nvar app = new Vue({
el: "#app",
data: {},
methods: {
a: () => {
console.log(this); //Window
}
}
});
为什么我的this指向的是Window？

虽然没有尝试过，但是我估计你是在html里面直接用<script>引入vue的，this的默认绑定在window上，而我是用的webpack构建的，默认在严格模式下，this默认绑定为undefined

censek · 2019-10-15T02:39:07Z

data() {
    return {
      log: "111"
    };
  },
methods: {
    test: () => {
      console.log(this.log); //undefined
    }
}

data() {
    return {
      log: "111"
    };
  },
methods: {
    test() {
      console.log(this.log); //111
    }
}

nannan0109 · 2019-10-21T03:36:25Z

我的this为什么不是undefined

Hemumu5460 · 2020-05-22T01:10:20Z

在严格模式下this是undefined，在非严格模式下指向window

Good-XiaAo · 2021-08-04T02:45:04Z

问一些没用的问题

haizhilin2013 added the vue label Jun 22, 2019

Provide feedback