vue-lazyload github地址
1. 安装插件
yarn
yarn add vue-lazyload
npm
npm i vue-lazyload -S
2. 在入口文件main.js中引入
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
3. 在组件中使用
<ul>
<li v-for="img in list">
<img v-lazy="img.src" >
</li>
</ul>
img的src属性改为v-lazy
参数选项