Vue.JS. Как подставлять компонент с данными по клику на ссылку?

Question

[Иван Сергеев]

Добрый вечер!
Есть структура основного шаблона html, как пример:

<template>
   <img src="img.jpg" />
   <a>Узнать детали</a>
</template>

и есть шаблон номер 2, в котором содержится код html, который должен подставится в основной шаблон, по клику на ссылку "Узнать детали". Код:

<template>
   <p>Детальное описание изображения: {{ item.description }}</p>
</template>

Как корректно реализовать подобное на VUE.JS ?
возможно ли это сделать с помощью тега <component></component> или как-то иначе?

Answer 1

[lega]

Засуньте второй шаблон в первый и выводите его по условию v-if