如何在Vue 2中循环遍历对象数组和嵌套对象

Question

I have an array that contains lots of objects and nested objects. I want to loop through the array using v-for in vue 2 app.

Here is what I get if I print the complete array

[
[
{
  "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"
    }
  }
}
]
]

This is how I am trying to get the data but it does not load anything

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

Answer 1

You seem to have a nested array. Try

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