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

Question

我们有一个现有的网站。我们想将 Vue 添加到站点的各个区域。在某些领域，我们只需要一个 Vue 应用程序就可以像购物车一样运行。其他区域我们会在页面上有多个相同的组件，这些组件被非 Vue 项目分解。我们还想为我们的构建使用单个 .vue 文件。我无法为我的生活找出最好的方法来做到这一点。

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

什么是做到这一点的最佳途径。我只想在我的站点中添加一个全局包装器，编译一个 APP，然后将所有逻辑都包含在组件中。当它是一个编译的应用程序时，它会用应用程序的内容替换我现有的内容，这会崩溃。我可以在核心布局页面上只实例化一个应用程序并且它可以工作，但是我不能使用单个文件组件。

我是不是错过了什么。我想使用单个文件组件，在我的网站上有一个全局包装器，使用现有内容和组件，只在需要的地方，并且不必一个一个地导入每个组件文件。

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

标签： vue.js