vuecli3通过vant实现背景图片懒加载

一、引入vant

npm i vant -S


或

yarn add vant


二、自动按需引入组件

npm i babel-plugin-import -D
// 在.babelrc 中添加配置
// 注意&＃xff1a;webpack 1 无需设置 libraryDirectory
{"plugins": [["import", {"libraryName": "vant","libraryDirectory": "es","style": true}]]
}


三、vant.js中

import Vue from &＃39;vue&＃39;;
import { Lazyload } from &＃39;vant&＃39;;Vue.use(Lazyload);


四、main.js中

import &＃39;./plugins/vant.js&＃39;;


五、将下载好的图片导入项目

六、Login.vue页面中