多页应用程序和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？谢谢

Answer 1

例如，对于home.js，您应该可以有多个Vue实例：

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

以及account.js：

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

，然后仅将home.html的内容包装为id =“ home”，并将account.html的内容包装为id =“ account”

Answer 2

您可以看一下此模板作为示例或起点。无论后端技术如何，想法都是一样的。

https://github.com/danijelh/aspnetcore-vue-typescript-template

您可以为要使用Vue增强的页面创建模块并导入其捆绑包。另有一篇中篇文章提供了更多详细信息：）