图片 使用懒加载 v-lazy
当页面需要加载大量图片时(需要向下滚动页面),使用懒加载可以实现只优先加载页面可视区域的图片,从而使得页面加载更为流畅。
安装:
npm i vue-lazyload -S
main.js中
import Vue from 'vue'
import App from './App.vue'
、、添加
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
页面使用
//直接将 ':动态渲染的src' 改为 'v-lazy' 即可
<img v-lazy="img.src" >
<img :src="img.src" >