Дело в том что эти 2 компонента вообще никак между собой не связанны, и им лучше сделать разные области видимости и отдельно отлаживать. Один отвечает за поиск и заказ товара. Вложенный за связь с оператором. И на странице они расположены один в другом. При попытке это сделать - при подключеннии второго компонента выдается ошибка - не найден компонент с таким id. Сделать в в виде подключаемого компонента нельзя - есть страницы с Vue, есть просто генерируемые видами Yii2. Но компонент обратной связи должен быть на тех и на других. На страницах без Vue - он нормально работает.
<script>
new Vue({
el: '#component_first'
...
});
new Vue({
el: '#component_second'
...
});
</script>
<div id="component_first">
...
<div id="component_second">
...
</div>
...
</div>
const ComponentSecond = { /* конфиг объекта вложенного компонента, кроме свойства el */ };
до выполненияnew Vue({ el: '#component_first', .... });
. Ну, либо глобальная регистрация компонента черезVue.component
. А вот корневой компонент вкладывать в другие компоненты - низзя, насколько знаю... там начинается какая-то хрень с регистрацией родителя, и все валится. Монтировать внутрь шаблона тоже не имеет смысла, т.к. при следующем же рендере библиотека грохнет вложенное вью-приложение заменив DOM-ноду.id
второго компонентаnew Vue
), то ясно-понятно что все легко получится :)