Как использовать два vue приложения на одной странице?

Question

[lmentict]

Здравствуйте, есть такая проблема, есть приложени на Yii2 которая использует на некоторых страницах vue, которые используют VueRouter. Было решено добавить Чат на все страницы данного приложения, то есть в шаблон приложения(выдвигается слева). В чате так же используется VueRouter, но уже mode: "abstact", а на Yii2 страницах vue использует Router с mode: "history". При попытке вставить чат на в шаблон чат, на представлениях yii2 где задействован vuerouter и чат пишет Uncaught TypeError: Cannot redefine property: $router. Почитал в интернете что это из-за того что вызывается и там и там два раза vue.use(vueRouter). Как можно вылечить это? Заранее спасибо за ответы

Answer 1

[Павел Волынцев]

В модуле чата не используй роутер. Переключай представления (компоненты) без изменения URL.

Что-то типа такого: в свойство component сохраняй код текущей видимой части приложения.

<template>
   <app-dialog v-if="component === "dialog"></app-dialog>
   <app-settings v-if="component === "settings"></app-settings>
</template>