vue项目中图片的懒加载

1.安装下 vue-lazyload 懒加载的插件

npm install vue-lazyload --save-dev


2.在main.js中配置一下

vue项目中图片的懒加载_第1张图片

这里可以传递参数过去,具体参数详情,可参考GitHub   https://github.com/hilongjw/vue-lazyload


3.使用方式是这样

vue项目中图片的懒加载_第2张图片


4.小小的文章有个大大的梦想

vue项目中图片的懒加载_第3张图片

你可能感兴趣的:(vue)