为什么在axios的.then（（data）=> {}）中设置一些数据，但在外部设置时却返回null？

Question

这是我的第一个问题，我的英语也不太好，因此，如果语法或问题模式方面有任何问题，我将很高兴听到。

我正在使用Vue.js，所以我有对象数据：{}。

data: {
        foo: null,
    },

问题是：当我在axios'中设置一些数据时，我只能在内部使用它。当我尝试在外部访问它时，它返回空值。

created(){
   axios.post('url')
   .then((data)=>{
       this.foo = data
       console.log(this.foo) **//HERE IT PRINTS THE DATA VALUE**
   }).catch((err)=>{
       console.log(err)
   })
       console.log(this.foo) **//HERE IT PRINTS NULL**
}

提前谢谢！ <3