vue-lazyload vue图片懒加载插件的使用记录

为什么80%的码农都做不了架构师？>>>

首先在下载

npm i vue-lazyload --save-dev

然后在main.js 入口文件中配置引入import VueLazyLoad from 'vue-lazyload'然后配置默认加载图片Vue.use(VueLazyLoad, {loading: require('./images/default.png') // 加载的默认图片路径})

最后在.vue 文件中使用v-lazy 代替 :src 绑定图片 例：

<img width="57" height="57" v-lazy="food.icon" alt="">