懒加载图片 - lazy-vue

2016-11-03      49      Vue
项目简介

lazy-vue

lazy-vue是在你的vue项目中添加懒加载图片的最轻松的方式。它尽可能的简单,所以你不必再使用复杂的库来实现这个任务。

Requirements

你需要安装vue

npm install vue

Installation

要安装这个包你只需要打开你的控制台并输入 npm install lazy-vue --save。如果在安装期间出现问题,尝试使用 npm i -f lazy-vue。

入门

你需要在你的app入口点中导入这个组件,因此可以在需要的时候作为全局来调用它,示例:

require('lazy-vue');

在你的HTML代码中执行指令

<div v-for="avatar in images">
    <img src="demo/images/nopic.png" v-lazy = "avatar">
</div>