全局优化的点

1.请求接口规定放在侧边栏目录文件下方，
image.png
req.js // 请求方法，（1.一般写在这里，2.假如不需要请求方法的，需要地址，写在url.js,3.两个地方又要用到的，写在url.js里面，引入到req.js使用）image.png
url.js // 请求地址
image.png

2.element-ui按需引入
有些不常用的按需引入
项目没用用到的组件OptionGroup， TimeSelect、Carousel、CarouselItem、Container、Header、Aside、Main、Footer、Calendar、Backtop、PageHeader

3.formvalidate按需加载
image.png

页面优化的点

1.可以采用vue官方风格指南的风格

2.外部文件import的顺序

  • 文件的import应该有统一的顺序
  • 框架级别类库（如：vue、vuex、store）应该放在最优先
  • 外部开源文件（如：lodash、axios）次之
  • 内部工程级别的文件（如：@/xxx）再次之
  • 模块内部文件最后（组件、方法、常量）

image.png
==》
image.png
3.文件行数

  • 为了提供代码的可读性，可维护性，页面代码行数为500行一个文件
  • 如果超出500行，则应该考虑优化代码，功能拆分，或抽取组件等操作
  • eg:image.png已经超过500行建议拆分

4.其他约定
1.用mapXXX形式调用调用vuex的action、mutation等

页面缓存的实现，以及更好的方案来节省这个查找缓存的开销？

看完了代码，没有想法