vue性能优化整合(针对面试回答)

这种问题答案都是很宽泛的,没有标准答案的。而且实际应用了也不会真的记在脑子里,但是用到了又知道怎么用比较好。

  1. 懒加载:路由懒加载、图片懒加载
  2. Suspence(不知道的点这里)
  3. v-if和v-show, v-if会引起重排,v-show大部分情况只会重绘
  4. 打包优化手段
  5. 网络优化
    • CDN公共库
    • http2
    • 图片格式优化(svg、base64)
    • gzip
    • 请求合并
    • GraphQL
  6. 给v-for等循环赋key
  7. computed
  8. 保持对象地址稳定(避免重复渲染)
  9. keep-alive
  10. 延迟装载(首屏)
  11. v-model.lazy 延迟双向绑定
  12. shallowRef
  13. Object.freeze
posted @ 2025-03-06 17:15  honoka_Gu  阅读(55)  评论(0)    收藏  举报