vue性能优化方法

  1. 路由懒加载:有效拆分App尺寸,访问时才异步加载
  2. keep-alive组件缓存:避免重复创建组件实例,且能保留缓存组件状态
  3. 使用v-show复用DOM:避免重复创建组件
  4. v-for遍历避免同时使用v-if
  5. 长列表性能优化:如果是大数据长列表,可采用虚拟滚动(不会将所有内容渲染,只是把可是区域渲染),只渲染少部分区域的内容
  6. 事件的销毁:Vue组件销毁时,会自动解绑它的全部指令以及事件监听器,但是仅限于组件本身的事件。
  7. 图片懒加载:对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载,等到滚动到可视区域后再去加载。

标签: Javascript

添加新评论