一、预加载

即图片提前加载，可以保证图片快速、无缝的发布，用户需要查看时可直接从本地缓存中渲染，适用于图片占据很大比例的网站。

二、懒加载

将图片src赋值为一张默认的图片，当用户滚动到可视区域的时候，再去加载真正的图片；

实现：对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。

html代码：

js代码：

vue中实现懒加载

直接使用现成插件：vue-lazyload

App.vue

main.js

关于vue-lazyload更多用法请看这里：https://www.npmjs.com/package/vue-lazyload