Vue Vue常用的几种项目优化方法
1 代码层面的优化
1 长列表性能优化。有些时候我们的组件就是纯粹的数据展示,不会有任何改变,我们就不需要 Vue 来劫持我们的数据,在大量数据展示的情况下,能够很明显的减少组件初始化的时间。 可以通过 Object.freeze 方法来冻结一个对象,一旦被冻结的对象就再也不能被修改了。
2 事件的销毁。Vue 组件销毁时,会自动清理它与其它实例的连接,解绑它的全部指令及事件监听器。在beforeDestroy生命周期函数内执行销毁逻辑。
3 图片懒加载。将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。能有效提高加载性能和用户体验。