只需要在模板中所有元素的公共父元素上使用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>

你有没有试过初始化你需要的所有数据？例如，如果你需要abc，你可以这样做：

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错误

伙计们是对的，但我可以添加一些东西。如果有可能你的根元素在条件中可能是未定义的，出于某种原因，这是一个很好的做法，使用这样的东西：v-if='rootElement && rootElement.prop'。它将确保您不会获得cannot get property prop of undefined，因为当rootelement未定义时，它不会进一步检查。

2021 vue3
我们可以这样使用

props: {
    form: {
      type: String,
      required: true,
    },
 setup(props, context) {
    console.log(props.form)