关于对Vue项目进行优化，你有哪些方法？

代码层面的优化

• 节流防抖的使用

• v-if和v-show区分使用场景

• computed和watch区分使用场景

• v-for遍历必须为item添加key,且避免同时使用v-if

• vue组件keep-alive

• 长列能优化

• 事件的销毁

• 图片资源懒加载

• 路由懒加载

• 预加载

第三方插件的按需引入

• 优化无限列和能
  
  
• 服务端渲染SSR or预渲染
  
  
• Webpack层面的优化
  
  
• Webpack对图片进行压缩
  
  
• 减少ES6转为ES5的冗余代码
  
  
• 提取公共代码
  
  
• 模版编译
  
  
• 提取组件的CSS
  
  
• 线上禁用 SourceMap
  
  
• 构建结果输出分析
  
  
• Vue项目的编译优化

基础的Web技术的优化

• 升级到http2.0
  
  
• 开启gzip压缩
  
  
• 服务器缓存
  
  
• 浏览器缓存
  
  
• CDN的使用
  
  
• 使用Chrome Performance査找性能瓶颈

文章详解已收录到github: https://github.com/whylisa/front-end-interview   欢迎star