Проблема с внедрением Vue на существующем сайте

#vue.js

#vue.js

Вопрос:

У нас есть существующий веб-сайт. Мы хотели бы добавить Vue в области сайта. В некоторых областях нам понадобится только одно приложение Vue для работы как корзина для покупок. В других областях у нас было бы несколько одинаковых компонентов на странице, разбитых на элементы, отличные от Vue. Мы также хотели бы использовать отдельные файлы .vue для нашего здания. Я ни за что в жизни не смогу придумать наилучший способ сделать это.

Если мы используем CLI для создания отдельных приложений, мы, конечно, можем размещать эти приложения на страницах и там, где это необходимо. Однако на страницах, где у нас есть один и тот же компонент, разделенный элементами, отличными от Vue, кажется, что нам понадобится одно и то же приложение несколько раз, и скомпилированное это, похоже, не работает.

Каков наилучший способ сделать это. Я хотел бы просто добавить глобальную оболочку на свой сайт, скомпилировать одно приложение, а затем разместить всю логику внутри компонентов. Это приводит к сбоям, поскольку заменяет мой существующий контент контентом приложения, когда это скомпилированное приложение. Я могу на странице основного макета просто создать экземпляр приложения, и это работает, но тогда я не могу использовать отдельные файловые компоненты.

Я что-то упускаю. Я хотел бы использовать компоненты с одним файлом, иметь глобальную оболочку на моем сайте с используемым существующим контентом и компонентами только там, где это необходимо, И не импортировать каждый файл компонента по одному.

Мы также не можем использовать сборки WC, поскольку мы не можем удалить IE 11.