vue页面优化主要从哪些方面进行

2024-09-21 02:02:17 业界科普

Vue Vue常用的几种项目优化方法

1 代码层面的优化

1 长列表性能优化。有些时候我们的组件就是纯粹的数据展示,不会有任何改变,我们就不需要 Vue 来劫持我们的数据,在大量数据展示的情况下,能够很明显的减少组件初始化的时间。 可以通过 Object.freeze 方法来冻结一个对象,一旦被冻结的对象就再也不能被修改了。

2 事件的销毁。Vue 组件销毁时,会自动清理它与其它实例的连接,解绑它的全部指令及事件监听器。在beforeDestroy生命周期函数内执行销毁逻辑。

3 图片懒加载。将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。能有效提高加载性能和用户体验。

版权说明: 本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。