Axios 和 VueJS，函数（响应）没有设置列表

【问题标题】：Axios and VueJS, function(response) is not setting a listAxios 和 VueJS，函数（响应）没有设置列表
【发布时间】：2017-06-21 17:42:29
【问题描述】：

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

当我使用时：

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

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

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

它可以很好地使用它。请看js小提琴：

【问题讨论】：

【解决方案1】：

正如我所解释的 here、arrow syntax 不绑定它自己的 this、arguments、super 或 new.target。箭头函数总是anonymous。这些函数表达式最适合非方法函数。

this 的作用域在 function() 块内发生变化，does not refer 指向当前正在执行的函数，而对于箭头函数，this 仅指当前正在执行的函数。

【讨论】：