vue开发页面极多的应用

试图制作一个项目,采用vue+webpack, 项目会有非常多的页面,不知道该如何开发
关于页面:

  1. 页面数量非常多,多大上百个;
  2. 每个页面几乎都是独立页面,当然会有复用部分;
  3. 主页面就是一个菜单页面,点击菜单项,会在当前页面的空白处展现子页面并在其中操作;

不知道该如何进行开发:

  1. 直接把页面做成.vue的components,这么做似乎最简单,但感觉会有两个问题:
    a. 在同一个页面不停切换component,数量多了之后会不会造成性能问题,component似乎每次切换都是重建一个;
    b. 因为包含非常多的页面,初始化会不会非常的慢,使用者可能也只会使用比较少的部分;
  2. 多入口。感觉会有的问题:
    a. 因为页面非常多,所以多入口的模式灵活程度会下降,毕竟每个入口都要配置一次;
    b. 使用层级关系建立更少的多入口,即每10个菜单为一组,只要建立10个入口,不过不知道这种模式的实用性;
    c. 这种做法在公用模块的使用上会不会有影响?
  3. 使用iframe,iframe似乎更方便管理的,但是在vue-cli中使用iframe似乎不太友好,并不便于引用。

初学者,可能有些浅显,若是有更好的方案也希望指出。

阅读 2.6k
4 个回答

你这个实际上一个方案就能解决。就是路由懒加载,没必要多入口,用户点那个页面再加载那个页面相关的js和css,至于性能问题,vue虚拟DOM,不用操心。

使用vue-router 页面全部组件化,只有一个特定入口,别的页面都解构成组件。
组件的完成需要你分析业务逻辑,将相同结构的可以抽离的你所说的“页面”写成组件,然后按需加载。

我想你这个应该用路由来做比较方便吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题