Можно ли использовать сразу несколько шаблонов в внутри одного одного компонента VueJS и как их вызывать?

Question

[kroha3000]

Можно ли разместить внутри одного компонента несколько template?

<template>
  <div>
    1-ый
  </div>
</template>

<template>
  <div>
    2-рой
  </div>
</template>

и если можно, то как вывести нужный template ?

Answer 1

[Alex]

Нет. Нельзя. Выносите их в подкомпоненты.
RFC

Comments

[kroha3000]

Окей, спасибо.

Answer 2

[Андрей]

Хорошей практикой будет создание отдельных компонентов и объединение их в один родительский, где они будут динамически импортироваться, а за отображение нужного будет отвечать элемент "component(:is="<нужный компонент>"). В крайнем же случае, если прям ну совсем не хочется создавать файлы, не понимаю, почему не сделать так:

<template>
  .component-1(v-if="blah")
     // код компонента
  .component-2(v-else-if="blah-blah")
     // код второго компонента
  // и так далее
</template>