用vue开发项目上线以后，发现首页加载速度非常慢，如果项目比较大，甚至可能出现10s以上的等待。用户体验非常差，试想如果你准备买一双AJ，登录某宝首页等了足足5s，那肯定果断选择某多多了。

项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

当面临需要插入大量数据到页面的情况时，下面是一些建议的处理方法： 分页加载：考虑将数据分成多个页面，每次只加载当前页面所需的数据。这样可以减少一次性加载大量数据对页面性能的影响，并提供更好的用户体验。

computed面试题：computed能不能传参？真的不能传参吗？如果你还不清楚，进来我告诉你。看完绝对能更新你对computed的认识～这就是你所不知道的computed～

最近使用 Vue 开发的过程中使用到一些对于性能有所提升的编码方式，所以特别梳理出来，可以作为后续 Vue 开发的编码规范使用 性能优化方案主要分为三类，下面就详细讲讲这三类优化方案的应用 减少响应式

性能优化标准 既然说性能优化，那他总得有一个公认的标准，这就是我们很多次听到的Lighthouse 在很多单位，都有着自己的性能监控平台，我们只需要引入相应的sdk，那么在平台上就能分析出你页面的存在

之前在看到了一片文章，写的比较好，这里记录下自己的理解。 Vue性能优化自己也一直在做，不过没有成体系的列出来，这里记录下，方便以后新项目或者新公司做系统的优化时有遗漏。 这里指的是Vue语法的使用，需要注意到的方面。 vue会对数据进行劫持，如果只是单纯的需要展示很多数据不做…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 1. 简介 vue-virtual-scroll-list npm 地址 vue-virtual-scro

vue-virtual-scroller 提供了以下几个组件： RecycleScroller 是一个仅呈现列表中可见项目的组件。 它还重用组件和 dom 元素，以尽可能提高效率和性能。 Dynami