vue 数组递归遍历

在 Vue 中，你可以使用 `v-for` 指令来进行数组的递归遍历。下面是一个示例：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">
        {{ item.name }}
        <ul v-if="item.children">
          <recursive-list :items="item.children"></recursive-list>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'RecursiveList',
  props: {
    items: {
      type: Array,
      required: true
    }
  }
}
</script>

在上面的示例中，我们创建了一个名为 `RecursiveList` 的组件，接收一个名为 `items` 的数组作为 prop。在组件的模板中，我们使用了 `v-for` 指令来遍历 `items` 数组，并渲染每个数组项的 `name` 属性。如果当前项有子项（即 `item.children` 存在），我们递归地使用 `RecursiveList` 组件来渲染子项。

这样就可以实现对数组进行递归遍历并渲染的效果。你可以根据实际需求对模板进行调整和扩展。