javascript - vue View 中的变量作用域

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://v2.vuejs.org/v2/guide/list.html#Object-v-for