优化 ​

代码层 ​

1. v-show 与 v-if 使用
2. computed 与 watch 使用
3. v-for 添加有效的 key 值，避免同时使用 v-if
4. 路由懒加载，异步组件
5. 有缓存需求的可 keep-alive
6. 防抖节流
7. 组件按需引入
8. 图片懒加载
9. 使用字体图标或 svg
10. 组件销毁时需要移除事件监听和定时器

webpack 配置层 ​

1. 小图标转 base64
2. 提取公共代码
3. 使用 webpack-bundle-analyzer 插件对打包代码体积分析，再做对应处理

服务端 ​

1. 静态资源使用 CDN
2. 强缓存与协商缓存
3. 开启 gzip