在vue项目中使用vantUI中的组件实现上拉加载，下拉刷新（在手机端实现）

1，在项目中安装vantUI :  npm i vant -S

2, 在main.js 文件中引入组件：

import '../node_modules/vant/lib/vant-css/index.css';
import { PullRefresh, List , Loading, Toast} from 'vant';

Vue.use(PullRefresh).use(List).use(Loading).use(Toast);

 注意：在引入index.css文件的时候，可能由于老旧版本的差异，路径有所差异，比如在新版本中是有 vant-css这层目录的，在老版本中时没有这层目录的；

3，页面代码如下：