图片懒加载

介绍

vue-lazyload 是一款在 github 上有 7.6k star 的 vue 图片懒加载插件，图片懒加载在多图网站中可有效提高页面加载速度，降低网站流量，是网站优化的一个重点功能。
本项目中所有列表相关图片都使用了该组件提供的指令。

使用

安装

在项目根目录的命令行运行 npm install vue-lazyload --save 或者 npm i vue-lazyload -S。以上两个命令一样，后者为缩写。

使用

在项目 main.js 中

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'  // 引入插件

Vue.use(VueLazyload)  // 默认使用方式，该方法可传入多个参数，详见文档

该插件为 vue 指令，使用时用 v-lazy 替换 :src 即可。

<img v-lazy="src" />

更多使用方法请查看该组件 github readme.md (opens new window)