javascript - Bagaimana untuk menulis komponen bersarang di dalam komponen rekursif vue?

Question

Bahagian luar adalah komponen rekursif, tetapi di dalamnya perlu mengendalikan situasi khas dan dibahagikan kepada komponen

Ingin mencapai kesan ini

Demo ada di https://jsfiddle.net/u5x1hvbh/
Bagaimanakah saya harus mengubah suainya?

Answer 1

Maaf, saya tersalah baca soalan sebelum ini.
Adakah ini yang anda mahukan?
https://jsfiddle.net/u5x1hvbh/4/