Как использовать 2 VUE компонента на одной странице?

Question

[jazzus]

Изучаю Laravel + Vue. Нужно разместить 2 vue компонента в одном blade шаблоне Laravel. Знаю, что можно создать еще один id="app2", но как-то это некрасиво выглядит :) Мне всего для одного компонента нужно и для этого в глобальном app.js делать еще один id не хочется. Есть ли другой способ заставить их работать? По идее нет.. Но может какая-то ларавелевская хитрость?

АПДЕЙТ

Пока нашел вариант – закрыть доступ в шаблоне для второго компонента на конфликтующих страницах.

@if (!(Request::is('signup') || Request::is('login')))
                      <span id="app">
                      <auth></auth>
                      </span>
                  @endif

Если у кого есть более интересное решение как сделать параллельные компоненты в blade шаблонах (может какое-то if условие или еще что-то), буду благодарен за инфу

Comments

[JhaoDa]

Любезный автор, Laravel и Vue.js два абсолютно независимых проекта. Не надо ставить тэг Laravel на все вопросы подряд.

[jazzus]

JhaoDa, Посмотрите содержание вопроса

[JhaoDa]

jazzus, вот именно, я его посмотрел.

Answer 1

[Pavel Shvedov]

И в чем проблема? Нужно два инстанса vue - вызывай два раза инициализацию корневого компонента с указанием нужного id элемента, не хочешь рендерить в разные элементы с разными id, напиши еще один уровень абстракции, чтоб два этих инстанса были внутри одного приложения и рендери их в одном приложении как два соседних компонента

Comments

[jazzus]

Можете пример показать? Я только месяц это все изучаю и мне сложно понять на словах

[jazzus]

примерно понял наверное.. Либо все таки новый id. Либо делать один компонент внутри которого 2 компонента будут. Правильно? У меня не получится их в одном компоненте разместить т.к. в разных местах шаблона появляются. Как вариант сейчас думаю сделать проверку в ларавель на if=="урл где несколько компонентов vue"

[jazzus]

в общем каким либо if-условием в blade шаблоне предотвратить загрузку второго конфликтующего компонента на нужном урле