Как добавить пользовательские html и стили, используя директивы Vue? Является ли это возможным?

Question

Вопрос:

Как добавить пользовательские html и стили, используя директивы Vue? Является ли это возможным? Или я должен использовать компоненты? Или используя директиву для добавления пользовательского компонента поверх родительского компонента?

Описание:

Я использую VueJs + разделительные панели для создания некоторых изменяемых размеров панелей, таких как:

<splitpanes class="default-theme h-100">
  <pane min-size="30" size="30">
    <splitpanes horizontal>
      <pane min-size="20">
        <skyroom-users></skyroom-users>
      </pane>
      <pane min-size="30">
        <skyroom-chat></skyroom-chat>
      </pane>
    </splitpanes>
  </pane>
  <pane size="70">
    <splitpanes horizontal>
      <pane size="30">
        <skyroom-whiteboard></skyroom-whiteboard>
      </pane>
      <pane size="70">
        <skyroom-whiteboard2></skyroom-whiteboard2>
      </pane>
    </splitpanes>
  </pane>
</splitpanes>

- Теперь я хочу расширить этот плагин и добавить элементы управления окнами в верхней части каждой панели

Могу ли я использовать директивы? Например, как этот код:

<pane v-pane-coltrols min-size="20">
  <skyroom-users></skyroom-users>
</pane>
<pane v-pane-coltrols min-size="30">
  <skyroom-chat></skyroom-chat>
</pane>