vue easytable axios 数据赋值问题

Question

我测试下来目前怀疑是javascript 异步执行的原因 。怀疑就是axios 还没执行完，赋值就已经发生了。
我先自己测试尝试解决。

1.我用VUE的 easytable 想加个 footer 的数据汇总，不知道怎样可以获取到table 数据。 
easytable 说明: 
http://doc.huangsw.com/vue-ea...

2.代码： 
tableData： 是VUE，data中定义的一个空数组。 
.
下面这个函数是定义在VUE,Methods，用来求和计算的:
setFooterData () {

axios.get('/asset/hosts').then(res => { this.tableData = res.data })

console.log('========\n', this.tableData)

let Cost111 = this.tableData.map(item => {

return item.CostByMonth

})

...（后面的省去）}

3.问题： 
我没有想明白的问题是：为什么axios.get() 之后那一句 console.log 打印出来的 this.tableData 是空的数组。 
导致我后面Cost111 获取不到数据。
axios.get函数里面的 this.tableData 数据实际是获取到的。只是setFooterData() 这个函数里面我不知道如何获取保存这个axios得到的响应数据tableData。

4.不知道讲问题明白了没，小弟愚笨，非程序员出身，都是自学捣鼓的，也没有人可以交流，路走的很苦，希望有人指点一二。

Answer 1

解决了，的确是因为js异步执行的原因，原来的写法，axios.get的响应返回前，后面的程序已经被执行了。 改成下面的可以实现功能。 目前没想明白的是为社么这个 this.setFoorerData()需要在this.request()后面再写一遍，否则不出现footer.created () {    axios.get('/asset/hosts').then(res => { this.tableData = res.data; this.setFooterData() })    this.request()    this.setFooterData()    //}