基于vue的单页Web应用，如何做到按需加载其它页面？

Question

目前正在学vue，刚学到能使用vue-cli开始开发，但是我发现参照vue-cli构建的脚手架写的页面（即在src/components/下写.vue文件），会全部打包在一个js文件里，那如果页面很多，岂不是首次进入会很慢？

我想深一步学下去，请问要怎么把这些页面分开？最好是一个页面一个js

ps. 我构建的脚手架是不含编译器的，请问是否有必要含一下？

Answer 1

1.可以用路由按需加载。{    path: '/applay/toDoList',    name: 'toDoList',     meta: { requireAuth: true ,title: '待处理列表',topMenueSb: true},     component: () => import('../page/applay/toDoList') }2.这样比如首页就只会加加载首页index.vue的代码。相对来说缩短首页加载时间。3.你都说了。这是单页面应用，既然是单页面应用，又如何做到一个页面引入一个js呢？个人观点，既然用了这个单页面模式，就要尽力去契合这种模式。在这个模式下优化你遇到的问题。4.如果你的目的是想用vue ，但是又不想用webpack打包的这种模式。vue是渐进式的，可以直接在html上引入vue.js。然后就可以像传统jq项目一样去写。