子组件创建递归有最大深度吗?或者说我们最多可以嵌套几层组件,可以无限吗?

Answer 1

ustbhuangyi 2020-03-05 09:44:58

没有限制，递归其实就是树的深度遍历，直到遍历完毕。

• 提问者 幕布斯1092533 #1

  嗯嗯,谢谢老师,其实我看完视频想到的是如果子组件里面有自己的子组件那岂不是会无限循环下去,我刚测试了一下:
  const Child = {
      template: `<div><Child></Child></div>`,
      components: {
        Child
      },
      updated(){
        console.log("页面刷新")
      }
    }
    var app = new Vue({
      el: "#app",
      data() {
        return {}
      },
      template: `
      <div>
        <Child></Child>
      </div>
      `,
      components: {
        Child
      }
    })
  会报错提醒的Cannot access 'Child' before initialization

• ustbhuangyi 回复 提问者 幕布斯1092533 #2

  Vue 有专门解决这种场景的递归组件，递归组件需要自己写退出条件的，你可以参考一下 element-ui 中的 tree 组件的实现。

• 提问者 幕布斯1092533 回复 ustbhuangyi #3

  嗯嗯,感谢老师