性能优化

(1) 编码阶段

• 尽量减少data中的数据，data中的数据都会递归增加getter和setter，会收集对应的watcher
• v-if和v-for不能连用
• Key保证唯一
• 使用路由懒加载，异步组件
• 防抖、节流
• 第三方模块按需导入
• 长列表滚动到可视区域动态加载
• 图片来加载

（2）SEO优化

• 预渲染
• 服务端渲染

（3）打包优化

• 压缩代码
• Tree Shaking/Scope Hoistion
• 使用CDN加载第三模块
• 多线程打包happypack
• splitChunks抽离公共文件
• sourceMap优化

（4）用户体验

• 骨架屏
• PWA
• 多使用缓存（客户端缓存、服务端缓存）优化、服务端开启gzip压缩代码等