@AndrewRusinas

Компонент внутри компонента vue?

У меня есть главный компонент Main. В нем есть компонент Sidebar. Для каждой страницы содержимое Sidebar должно быть разным, поэтому я создал отдельные компоненты для каждого, чтобы размещать их на нужных страницах.
В компоненте main я регистрирую их:
import MiddleBar from '@/components/Main/MiddleBar/MiddleBar'
import Streams from '@/components/Main/MiddleBar/Elements/Streams'

export default {
  components: {
    MiddleBar,
    Streams
  }
}


И пытаюсь их вставить (синтаксис Pug):
| <MiddleBar> <Streams></Streams> </MiddleBar>
Ничего не работает.

Не могу понять, в чем ошибка. В документации о вложенности компонентов ничего не нашел. :(
Тем более на pug.
  • Вопрос задан
  • 1624 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
вам надо в компоненте main оставить вот так

import MiddleBar from '@/components/Main/MiddleBar/MiddleBar'

export default {
  components: {
    MiddleBar
  }
}


а в компоненте MiddleBar сделать вот так

import Streams from '@/components/Main/MiddleBar/Elements/Streams'

export default {
  components: {
    Streams
  }
}


и так можно делать вложения до бесконечности
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
09 мая 2021, в 11:10
15000 руб./за проект
09 мая 2021, в 09:26
30000 руб./за проект