vue怎么写递归函数

function myRecursiveFunction(param) {
  // Base case: Exit condition
  if (condition) {
    return result;
  }

  // Recursive case: Call the function with updated param
  return myRecursiveFunction(updatedParam);
}

<template>
  <ul>
    <li v-for="item in items" :key="item.id">
      {{ item.name }}
      <component :is="item.type" v-if="item.children">
        <template v-slot:default>
          <ul>
            <li v-for="child in item.children" :key="child.id">{{ child.name }}</li>
          </ul>
        </template>
      </component>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1', type: 'ChildComponent', children: [
          { id: 11, name: 'Child 1.1' },
          { id: 12, name: 'Child 1.2' }
        ]},
        { id: 2, name: 'Item 2', type: 'ChildComponent', children: [
          { id: 21, name: 'Child 2.1' },
          { id: 22, name: 'Child 2.2' }
        ]}
      ]
    };
  }
};
</script>

<template>
  <div>
    <slot />
  </div>
</template>