vue的递归组件

97 阅读1分钟

递归组件我还不知道有这个东西(然后就开始想)

  1. 发现他是在渲染数据是遍历数据, 数据中存在 children 的数据
[
  {
    name: "浙江",
    children: [
      {name: "杭州"},
      {name: "嘉信"},
      {name: "呼市"},
    ]
  },
  {
    name: "内蒙古",
    children: [
      {name: "呼和浩特"},
      {name: "巴盟"},
      {
        name: "武川",
        children: [
          {name: "哈乐"},
          {name: "哈乐"}
        ]
      },
    ]
  }]
  1. 但是我们不知道children嵌套了多少层, 我们可以想到, 类似递归. 所以就需要递归
  2. 但是如何递归呢
  3. 接着我就开始递归不就是调用自己吗, 函数调用自己递归, 组件调用自己不就是递归

image.png 5. 基本实现功能正常

  1. 但是我发现根本不用引入, 其实直接用自己就行, 只要使用的组件名字与name相同