vue tree问题

Question

给一个list，如何实现图中的效果
list:[

        {id: 100, name: '100a', 
          children: [
            { id:101, name: '101a'},
            { id:102, name: '102a'},
            { id:103, name: '103a'},
          ]
        }, 
        {id: 200, name: '200b',
          children: [
            { id:210, name: '210b'},
            { id:220, name: '220b'},
            { id:230, name: '230b',
              children: [
                { id:231, name: '231b'},
                { id:232, name: '232b'},
                { id:233, name: '233b'},
             ]
            },
          ]
        }, 
        {id: 300, name: '300c'}, 
        {id: 400, name: '400c'}, 
        {id: 500, name: '500c'}
  ],

尝试过用递归组件，但不知道那个全选要怎么做