试图制作一个项目,采用vue+webpack, 项目会有非常多的页面,不知道该如何开发
关于页面:
- 页面数量非常多,多大上百个;
- 每个页面几乎都是独立页面,当然会有复用部分;
- 主页面就是一个菜单页面,点击菜单项,会在当前页面的空白处展现子页面并在其中操作;
不知道该如何进行开发:
- 直接把页面做成
.vue
的components,这么做似乎最简单,但感觉会有两个问题:
a. 在同一个页面不停切换component,数量多了之后会不会造成性能问题,component似乎每次切换都是重建一个;
b. 因为包含非常多的页面,初始化会不会非常的慢,使用者可能也只会使用比较少的部分; - 多入口。感觉会有的问题:
a. 因为页面非常多,所以多入口的模式灵活程度会下降,毕竟每个入口都要配置一次;
b. 使用层级关系建立更少的多入口,即每10个菜单为一组,只要建立10个入口,不过不知道这种模式的实用性;
c. 这种做法在公用模块的使用上会不会有影响? - 使用iframe,iframe似乎更方便管理的,但是在vue-cli中使用iframe似乎不太友好,并不便于引用。
初学者,可能有些浅显,若是有更好的方案也希望指出。
你这个实际上一个方案就能解决。就是路由懒加载,没必要多入口,用户点那个页面再加载那个页面相关的js和css,至于性能问题,vue虚拟DOM,不用操心。