如何将数据从Api绑定到Vue组件？

Question

我开发了一个小型应用程序，该应用程序从http://open-notify.org/Open-Notify-API/ISS-Pass-Times/获取数据并将其显示在表格中。由于我是vue的新手，所以我不明白为什么无法将数据设置为视图。我创建了一个名为“ cell”的虚拟组件，它看起来像这样：

Vue.component("cell", {
   template: '<ul>'
   +'<li v-for="foo of apiData">'
   +' {{foo}} '+
  '</li></ul>',
  props:['apiData']
 })

在视图中，我这样称呼它：

 {{apiData|json}} // trying to get a preview of data
  <cell></cell> // calling component

并不断获取一个空对象-我猜是因为api调用花费的时间比标记加载要多。...

Fiddle