vue图片懒加载

如果没有用框架，可以考虑使用插件 vue-lazyload
1.安装

npm i vue-lazyload -S

2.引入

import Vue from 'vue'
import App from './App.vue'
import VueLazyload from 'vue-lazyload'

3.全局配置

Vue.use(VueLazyload)

// or with options
Vue.use(VueLazyload, {
  loading: 'dist/loading.gif', // 为图片加载前展示的默认图片路径
})
两种方法任选一种

4.图片使用懒加载

 <img v-lazy="img.src" >