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