在axios ajax调用中未分配数据值

Question

希望你能提供帮助。

对vuejs和axios来说很陌生，并努力让它发挥作用。

我能够将axios的值分配给我的sources变量，并且可以在我的模板中访问它，但由于某种原因无法控制它。 console.log始终返回默认值（空数组）。

我已将代码缩减到关键部分：

data() {
    return {
        sources: [],
    }
},

mounted(){ 
    this.getSources();
    console.log(this.sources);
},

//I use the arrow syntax so it should be binding 'this'

    getSources() {
        axios.get('/api/settings/sources').then((response) => {
            this.sources = response.data;
        });
    },

//The @ is laravel specific
<news-list inline-template v-cloak>
    @{{ sources }}
</news-list>

所以重申我可以从内联模板中访问响应数据，但挂载的console.log并不能反映新数据。我没有收到任何错误。

不确定为什么会发生这种情况或我如何解决这个问题：（

感谢您的帮助，非常感谢。