javascript - How to write nested components inside vue recursive components?

Question

The outside is a recursive component, but inside it needs to be handled in special circumstances and is divided into components

I want to achieve this effect

demo is at https://jsfiddle.net/u5x1hvbh/
How should I modify it?

Answer 1

Sorry, I read the wrong question before.
Is this what you want?
https://jsfiddle.net/u5x1hvbh/4/