vue懒加载

vue懒加载

先在框架中引入

//引入懒加载
import VueLazyload from 'vue-lazyload'

注册懒加载

//注册懒加载
// Vue.use(VueLazyload)
Vue.use(VueLazyload, {
  loading: require('图片地址'),
  error: require('图片地址')
})

使用懒加载

<img v-lazy="遍历出的图片">

src替换成v-lazy就行

虽然理论上是可以节省资源，但是中小型普通网站中没什么感觉，在京东淘宝这种多图的大型项目中效果更明显