javascript - 怎么实现带有checkbox的tree树组件多层嵌套的联动

我目前在做带有checkbox的tree组件，我渲染的思路是从父类向子类递归，有children属性就让children调用自己，代码如下

     data = [{
        label: 111,
        children: [{
            label: 222,
        }]
      },  {
        label: 333
      }]
    translate = (content, key, first) => {
        content.forEach((i, index) => {
            i.key = key + (first ? '' : '-') + (index + 1);
            i.checked = this.defaultCheckedKey.toString().indexOf(i.key) > -1;
            i.expanded = this.defaultExpandedKey.toString().indexOf(i.key) > -1;
            i.nodeLevel = i.key.split('-').length;
            i.checked && selectedKeys.push(i.key);   
            if (i.children && i.children.length > 0) {
                this.translate(i.children, i.key, false);
            }
        })
    };
    ngOnInit() {      
       this.translate(this.data, '', true);
    }

现在需要做checkbox的选择联动，从父类向子类递归的话，需要n-1次递归，感觉很影响性能，有大神给个checkbox多层嵌套联动的解决方案么