v-for里面用v-for

在Vue的v-for指令中，可以使用嵌套的v-for来遍历多维数组或对象。这样可以实现更复杂的数据展示和渲染。嵌套的v-for语法是将内层的v-for指令放在外层v-for的模板中。例如，可以使用下面的示例代码来说明：

<div id="app">
  <ul>
    <li v-for="person in persons">
      {{ person.name }}
      <ul>
        <li v-for="hobby in person.hobbies">
          {{ hobby }}
        </li>
      </ul>
    </li>
  </ul>
</div>
<script>
  var app = new Vue({
    el: "#app",
    data() {
      return {
        persons: [
          {
            name: "John",
            hobbies: ["reading", "running"]
          },
          {
            name: "Jane",
            hobbies: ["painting", "cooking"]
          }
        ]
      }
    }
  })
</script>

上述代码中，我们使用了两层v-for指令来遍历persons数组和嵌套的hobbies数组。这样可以实现在列表中展示每个人的姓名以及他们的爱好列表。