vimageplace/README.md

图片占位图，图片懒加载

# vImagePlace
基于vue的图片占位图，懒加载插件

源码：[https://github.com/xzzfxz/imagePlace](https://github.com/xzzfxz/imagePlace)

## 安装
`$ npm install vimageplace -S`

## 使用
在 main.js 引入并注册
```
import vimageplace from "vimageplace";
// 样式
import "vimageplace/lib/vimageplace.css";
Vue.use(vimageplace);
```
之后在组件中使用
```
<template>
  <imagePlace src="路径" />
</template>
```

## 配置
default-src: 默认的占位图，如果图片路径是本地路径，需要用require引用，如：

`<imagePlace :default-src="require('../images/test.png')" src="路径" />`

src: 要显示的图片路径，配置同default-src。

lazy: 是否启用懒加载，使用方式：

`<imagePlace lazy src="路径" />`