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