vue.js - 多页应用程序和 vuejs

Question

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

/home 和 /account，我创建了两个 js 文件 home.js 和 account.js，home.js 包含在 home.html 中，account.js 包含在 account.html 中，这很好，直到我开始使用 webpack 4、webpack将文件组合成一个main.js，在我的用例中如何处理一个main.js？谢谢

标签： vue.jsvuejs2

Answer 1

您应该能够拥有超过 1 个 Vue 实例，例如 home.js：

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

对于 account.js：

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

然后只用 id="home" 包装 home.html 的内容，用 id="account" 包装 account.html 的内容