vue 2のオブジェクトとネストされたオブジェクトの配列をループする方法

Question

多くのオブジェクトと入れ子になったオブジェクトを含む配列があります。 vue 2 appでv-forを使って配列をループしたい。ここで

は私が完全な配列

[ 
[ 
{ 
    "id": 1, 
    "title": "Dolor assumenda officiis.", 
    "joke": "Esse quia non voluptas facere odio id. Aut animi vero qui corporis alias. Sunt omnis qui sunt est officia.", 
    "created_at": "Jun 22, 2017", 
    "creator": { 
    "data": { 
     "id": 1, 
     "name": "Dr. Sage Braun I", 
     "email": "theller@example.com", 
     "joined": "Jun 22, 2017" 
    } 
    } 
}, 
{ 
    "id": 2, 
    "title": "Quod occaecati doloribus amet voluptatem.", 
    "joke": "Voluptas nam harum voluptatem ipsam tempora rerum. Sunt quis nam debitis. Voluptatibus id dolor quia aut odio. Omnis saepe harum quibusdam in dolorem. Possimus voluptatem impedit sed inventore fugit omnis culpa.", 
    "created_at": "Jun 22, 2017", 
    "creator": { 
    "data": { 
     "id": 1, 
     "name": "Dr. Sage Braun I", 
     "email": "theller@example.com", 
     "joined": "Jun 22, 2017" 
    } 
    } 
} 
] 
] 

を印刷する場合、これは私がデータを取得しようとしています方法ですが、それはあなたが持っているように見える何

<div class="row" v-for="u in users" > 
    {{ u.id}} 
</div> 

Answer 1

をロードしない得るものですネストされた配列。試してみてください

<div class="row" v-for="u in users[0]" > 
    {{ u.id}} 
</div>