Vuejs2 在GET请求完成之前加载DOM计算属性，如何延迟？

我正在使用单页应用程序（Vue Cli）。DOM在使用GET请求完成Vue之前寻找一个值。虽然应用程序/数据加载正常，但浏览器给了我一个恼人的控制台错误：

呈现错误：“TypeError:无法读取未定义的属性“branch”

以下是我的模板/HTML代码：

如何正确地“等待”分支完成加载，然后过滤分支数组并将其放置在DOM中？

只需使用

v-if
进行条件渲染即可：

<div v-if="branch.length">
  {{ branch[0].branch }}
</div>


{{branch[0]。branch}


或者，使用三元表达式：

<div>
  {{ branch.length ? branch[0].branch : '' }}
</div>


{{branch.length？分支[0]。分支：“”}
常识太多了！
<div v-if="branch.length">
  {{ branch[0].branch }}
</div>

<div>
  {{ branch.length ? branch[0].branch : '' }}
</div>