vuejs2 - Axios 和 VueJS，函数(响应)未设置列表

Question

我有一个获取一些数据并将其添加到变量的请求，

当我使用时:

.then(function(response) {
    this.persons = response.data;
});

它不会将 response.data 分配给 this.persons 但当我执行以下操作时:

.then(response => this.persons = response.data);

它指定它可以很好地使用。请参阅 js fiddle :

https://jsfiddle.net/trhhtyxr/2/

Answer 1

正如我所解释的那样here , arrow syntax不绑定(bind)它自己的this , arguments , super ，或new.target 。箭头函数始终是anonymous 。这些函数表达式最适合非方法函数。

this 的范围在 function() 内发生变化 block 和它does not refer指向当前正在执行的函数，而对于箭头函数，this 仅指当前正在执行的函数。