使用Mint UI的Lazy load实现图片懒加载

官方文档：https://mint-ui.github.io/docs/#/zh-cn2/lazyload

步骤：

1.下载Mint UI组件库并在main.js中引入

npm i mint-ui -S
import MintUI from ‘mint-ui’;
import ‘mint-ui/lib/style.css’;
Vue.use(MintUI);

2.为 img 元素添加 v-lazy 指令，指令的值为图片的地址。同时需要设置图片在加载时的样式

<img v-lazy="item.img_url">

img{
    width: 100%;
    height: 260px;
}
img[lazy="loading"] {
	width: 100%;
	height: 260px;
	margin: auto 0;
}