Vue中实现图片懒加载简单说明

1.安装

npm i vue-lazyload@1.2.6

2.导入

import VueLazyload from "vue-lazyload";

 3.注册插件

说明：main.js文件

import imgs_src from "src"
Vue.use(VueLazyload, {// 懒加载默认图片loading:"imgs_src"
});

4.前台

说明:vue文件

<img v-lazy="./images/right.png" width="48" height="48">