Использовать один компонент внутри другого

#vue.js

#vue.js

Вопрос:

Я хочу использовать один компонент внутри другого компонента в зависимости от условия.

exemple:

если (условие истинно){ вызвать компонент }

это возможно?

Я пытался использовать v-html, но не сработало.

Ответ №1:

v-if и импортировать компонент ? или попробуйте v-show

 <div v-if='conditionIsTrue'> 
  <randomComponent /> 
</div>

<script>
import randomComponent from '@/components/component'

export default{
 components: {
  randomComponent
 }
}
</script>
  

Ответ №2:

Используйте отображение условий.

 <h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>
  

Здесь вы можете найти более подробную информацию