Vue视图中的变量范围

Question

如何在 Vue 中实现以下目标？伪代码：

<div v-context="getPerson(id)">
   <p>Name: {{ $data.name }}</p>
   <p>Age: {{ $data.age }}</p>
</div>

Answer 1

看起来您正在返回一个对象，因此您可以实际采用该方法并使用v-for 进行迭代，如下所示：

<div>
   <p v-for=" (val, key) in getPerson(id)">{{key}}: {{val}}</p>
</div>

文档有更多信息：https://vuejs.org/v2/guide/list.html#Object-v-for