提示：未捕获的TypeError：无法读取未定义的属性…

只需v-if对依赖于该AJAX调用的模板中的所有元素使用一个公共父元素，而不是围绕每个元素。

因此，而不是像这样：

<div>
  <h1 v-if="foo.title">{{ foo.title }}</h1>
  <p v-if="foo.description">{{ foo.description }}</p>
</div>

做

<div>
  <template v-if="foo">
    <h1>{{ foo.title }}</h1>
    <p>{{ foo.description }}</p>
  </template>
</div>

您是否尝试初始化所需的所有数据？例如，如果需要a b c，您可以执行以下操作：

new Vue({
  data: {
    a: 1,
    b: '',
    c: {}
  },
  created(){
    // send a request to get result, and assign the value to a, b, c here

  }
})

这样您就不会xx is undefined出错