Можно ли во Vue.js создавать несколько родительских компонентов?

Question

[SeokkyN]

Хочу, чтобы был родительский компонент для каждой страницы сайта (у каждой из которых индивидуальный шаблон), в который я бы подключал дочерние компоненты для нее. Можно ли? Если нет, то какие альтернативы? Спасибо.

Answer 1

[Дмитрий Беляев]

Во-первых посмотрите в сторону vue-router
В его же документации можно найти про динамический импорт
Кроме того, вряд ли точка входа - app.vue, скорее это некий .js файл, который импортит app.vue, это если ручками захочется этим всем рулить.
Ну и наконец, тот же webpack позволяет Вам иметь несколько точек входа и даже для каждой свой конфиг задать

Comments

[SeokkyN]

Спасибо за качественный ответ. Уже использую vue-router, с этим проблем нет. Будь страницы простыми, так бы все и оставил: в зависимости от маршрута просто выполняется компонент, представляющий собой страницу. Но одна из них - условная галерея работ, где категории выполнены в качестве вкладок, у каждой из которых тоже свой урл. Переходы по этим вкладкам тоже хочу сделать без перезагрузки. Вот и споткнулся об эту задачу в силу вопиющей неопытности во frontend-фреймворках. Думал, что это реализуется просто, а именно путем вызова компонента нужной вкладки в зависимости от урла. Но столкнулся с проблемой - в компонент страницы нельзя импортировать компонент вкладки. Видимо, можно импортировать только в App.vue. Поправьте, где я не прав, и тогда вопрос для меня окончательно закроется.

[Дмитрий Беляев]

SeokkyN, Очевидно, что Ваши вкладки должны быть вложенными маршрутами
Если количество и содержимое вкладок заранее не известно, то с динамическими путями

[Дмитрий Беляев]

SeokkyN, так же думаю полезно будет почитать про навигационные хуки

Answer 2

[Иван]

Что мешает создавать объект Vue сколько угодно раз?

Comments

[SeokkyN]

Не понял. Я использую vue-cli, где босс - App.vue, в котором я динамически вывожу все, что душе угодно. Разве можно не ограничиваться этим единственным app.vue? Если да, то как?

[Иван]

SeokkyN, Cli лишь один из способов работы с Vue.
https://jsfiddle.net/uc2Lq7sf/ - вот вам вариант на тему Hello World'a.
Ну и можно же делать компоненты в компонентах.