vue 如何给data中的数据赋值

Question

<script>

import axios from 'axios'

export default {
 name: 'About',
 data(){
  return {
    userinfo:[]
    }
  },
  methods:{
     
  },
  created: function () {
      
        axios.get('XXXXXXXX', {params: 
        {param:123}
        }).then(function (response) {
            console.log(response.data[0]);
            this.userinfo=response.data[0];
        });
         
    }
}

</script>

this.userinfo=response.data[0];报错
如何赋值给userinfo

Answer 1

this指向错误

created: function () {
+        var that = this
        axios.get('XXXXXXXX', {params: 
        {param:123}
        }).then(function (response) {
            console.log(response.data[0]);
+            that.userinfo=response.data[0];
        });
         
    }

Answer 2

then用箭头函数写。
then(res=>{})

Answer 3

这是this指向的问题