如何在Vue.js中的组件之间实现共享标记

Question

想象一下我的应用程序中有3种类型的用户。

这3种类型中的每种都有共享的标记html，也有它们自己的html。

我想创建一个baseUserComponent，并在3个组件中仅使用baseUserComponent以及它们自己的html。

类似这样的东西：

在用户类型1中：

<baseUserComponent>
 html just for type 1
</baseUserComponent>

在用户类型2中：

<baseUserComponent>
 html just for type 2
</baseUserComponent>

在用户类型3中：

<baseUserComponent>
 html just for type 3
</baseUserComponent>

所有这些都在baseUserComponent中共享了一些html。

我如何在Vue.js中做到这一点？

谢谢：）））