@jazzus

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

Изучаю 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 условие или еще что-то), буду благодарен за инфу
  • Вопрос задан
  • 678 просмотров
Пригласить эксперта
Ответы на вопрос 1
mmmaaak
@mmmaaak
И в чем проблема? Нужно два инстанса vue - вызывай два раза инициализацию корневого компонента с указанием нужного id элемента, не хочешь рендерить в разные элементы с разными id, напиши еще один уровень абстракции, чтоб два этих инстанса были внутри одного приложения и рендери их в одном приложении как два соседних компонента
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы