Vue.js 在现有站点问题上实施Vue

我们有一个现有的网站。我们希望将Vue添加到站点的各个区域。在某些领域，我们只需要一个Vue应用程序就可以像购物车一样运行。其他区域，我们会在页面上有多个相同的组件，这些组件被非Vue项目分割。我们还希望为我们的建筑使用单个.vue文件。我一辈子都想不出最好的办法

如果我们使用CLI构建单个应用程序，我们当然可以在页面上以及需要的地方引入这些应用程序。然而，在我们有相同的组件被非Vue项目分隔的页面上，似乎我们需要多次完全相同的应用程序，而编译后的应用程序似乎不起作用

最好的方法是什么。我只想给我的站点添加一个全局包装器，编译一个应用程序，然后将所有逻辑放在组件中。当它是一个已编译的应用程序时，它会用应用程序的内容替换我现有的内容，这会导致崩溃。我可以在核心布局页面上只实例化一个应用程序，这样就可以了，但是我不能使用单个文件组件

我错过了什么吗。我希望使用单文件组件，在我的站点上有一个全局包装器，其中包含使用的现有内容和仅在需要时使用的组件，而不必逐个导入每个组件文件

我们也不能使用WC构建，因为我们不能放弃IE 11