(业务2)vue懒加载vue-lazyload的使用

需求:

为了提高用户的访问的友好性,需求在请求图片时,在图片还没有渲染出来给用户一个默认的图片

 1.安装 vue-lazyload插件

    npm i vue-lazyload --save

2.在vue 的入口文件引入插件并使用

(业务2)vue懒加载vue-lazyload的使用

loading: loading图所在的路径

try:尝试几次去加载loading

3.将图片的src切换成v-lazy

(业务2)vue懒加载vue-lazyload的使用

效果:

 (业务2)vue懒加载vue-lazyload的使用