vue-img 是饿了么业务中常用的插件，可将 hash 值转为对应的图片地址。
2.0 版本重构了所有代码，并重新设计了 API。
2.0 版本中的 loading 和 error 不再使用路径，而是统一为 hash。
此外，quality 不再有默认值。
// 默认全局设置
Vue.use(VueImg);
// 自定义全局设置
Vue.use(VueImg, {
loading: '', // [String] 占位图片（可选）
error: '', // [String] 错误图片（可选）
prefix: '', // [String] 自定义前缀（可选，默认当前 CDN）
quality: 75 // [Number] 图片质量（可选）
});2.0 版本将指令统一为 v-img，并显式的声明 width 和 height。
<!-- 设置图片地址 -->
<img v-img="hash">
<img v-img="hash" width="100">
<img v-img="hash" height="100">
<img v-img="hash" width="100" height="100">
<!-- 设置容器背景 -->
<div v-img="hash"></div>
<li v-img="hash" width="100" height="100"></li>你并不需要担心生成的 HTML 中会包含 width 和 height 属性，Vue 会自动处理。
但如果你确实需要它们，则可以通过 v-bind 的方式添加。
<img v-img="hash" :width="100">不仅如此，你还可以为当前元素声明特例的 loading 和 error，它们的优先级高于全局设置。
<!-- 使用特例的 loading -->
<img v-img="hash" loading="hash">
<!-- 不显示全局 error -->
<img v-img="hash" error>2.0 版本只保留了 canWebp 和 getSrc，可用于在指令以外的地方使用。
你应当视它们为只读属性，避免直接修改。
VueImg.canWebp // [Boolean] 是否支持 webPconst src = VueImg.getSrc({
hash: '1fa68b8d589078c3d44e3ae3d7dac9fejpeg', // [String] 图片 hash（必填）
prefix: '', // [String] 自定义前缀（可选，默认当前 CDN）
width: 100, // [Number] 图片宽度（可选）
height: 100, // [Number] 图片高度（可选）
quality: 75, // [Number] 图片质量（可选）
});VueImg 基于七牛 CDN API 开发，除了常用的图片剪裁之外，你可能还需要高斯模糊、旋转等功能。
为此在 2.1.0 版本加入了 suffix 配置项，用于自定义扩展参数。它只适用于指令和 getSrc 函数。
高斯模糊
<img v-img="hash" suffix="blur/3x5">更多用法请参考《七牛 CDN 开发者文档》。
MIT