Javascript 如何在每页上使用Vue构建多页网站

我试图在我的第一个多页面网站上使用Vue，但不知道如何在页面之间拆分代码。假设我有一个“主”模板，其中包含页眉和页脚+3页、主页、关于和联系人

如果主模板中只有一个Vue实例，我想我需要该实例中每个页面的所有代码

如果每个页面都有一个单独的实例，那么如何处理共享代码，例如页眉中启动弹出窗口的按钮

---

我不能将Vue组件与它们自己的模板一起使用，因为出于SEO原因（使用asp.net Umbraco CMS）加载时，所有页面都必须在页面上显示HTML。

您需要在母版页中包含包含

Vue

的捆绑文件。既然我看不到问题，真的有什么问题吗？我不确定我能解释得比我上面说的更好。如果我只有一个实例，那么如何仅在单独的contact.js中包含联系人表单的数据/方法呢？Id我将所有内容放在单独的文件中如何处理需要在所有页面中使用的数据/方法等？您的项目是否使用了vue cli网页包模板？如果没有，您的项目设置如何？如果您有单独的页面，则每个页面都有自己的Vue实例。在页面之间共享数据需要通过cookie或本地存储来完成（或者通过某种“会话”在服务器上保存状态，并在每次页面加载时将其发送到客户端）。谢谢Patrick。我知道当页面完全刷新时，每个页面都会有一个单独的实例，但我想知道控制每个页面的JS代码（在Angular中，您可以将控制器附加到页面的任何部分）。有些代码将在每个页面上共享，有些则不会。