Vue.js 多页应用程序和vuejs

我正在尝试在多页面应用程序中使用vuejs，假设我有两个页面：

---

/home和/account，我创建了两个js文件，home.js和account.js，home.js包含在home.html中，account.js包含在account.html中，这在我开始使用webpack 4之前效果很好，webpack将文件合并到单个main.js中，在我的用例中如何使用单个main.js？谢谢

您应该能够拥有1个以上的Vue实例，例如，对于home.js：

new Vue({
    el: '#home'
    ...

对于account.js：

new Vue({
    el: '#account'
    ...

---

然后用id=“home”包装home.html的内容，用id=“account”

包装account.html的内容。您可以查看此模板作为示例或起点。无论后端技术如何，想法都是一样的

---

您可以为要使用Vue增强的页面创建模块，并导入其捆绑包。还有一篇关于更多细节的中间文章：）

使用类似的方法，然后按照这种方法进行操作。。对于初学者来说，这比尝试自己滚动要简单得多。这是可行的，但由于同一个js中有两个Vue实例，因此在加载account.html时，它有一个警告：[Vue warn]：找不到元素：#home此警告是无害的。如果你真的想摆脱它，你可以为每个页面提供一个单独的js文件，或者你可以用一个条件包装Vue实例，使其只加载到相关页面上。单独的js文件是我最后使用的解决方案，webpack确实有这种多输入和输出支持，谢谢