如何实现带有每个组件设置的侧栏

Question

我刚刚开始使用vuejs，在关注了udemy的课程后，我觉得我已经准备好了。为了开始，我需要一些指示。

看一下这个截图：

我已经创建了一个组件调用示例，当我单击组件左侧需要的组件时，只显示该组件的设置。如果我更改这些设置，则只应更改所选组件。如果我选择具有自己值的第二个组件设置，则应显示在左侧。

最好的方法是什么？只有在单击/选择组件时，左侧边栏才可见。所以我猜测我们可以调用设置的侧边栏组件应该是示例组件的子组件，这样当它应该可见时我可以与它通信。

我的问题是如何将子组件放在左侧，就像我在屏幕截图上“模拟”一样。每次单击示例组件时，是否可以将设置组件html复制到左侧边栏？

你会如何实现这样的东西？