Axios e VueJS, la funzione (risposta) non sta impostando una lista

Ho una richiesta per ottenere alcuni dati e aggiungerla a una variabile,

Quando uso:

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

Non assegna response.data a this.persons ma quando faccio quanto segue:

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

Lo assegna bene da usare. Si prega di consultare il js fiddle:

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

Come ho spiegato qui , la syntax delle frecce non vincola questo , argomenti , super o new.target . Le funzioni delle frecce sono sempre anonime . Queste espressioni di funzione sono più adatte per le funzioni non di metodo.

L’ambito di this cambiamento all’interno di un blocco funzione () e non si riferisce alla funzione attualmente in esecuzione, mentre con la funzione freccia, this riferisce solo alla funzione attualmente in esecuzione.