安装vant UI框架：
cnpm install vant –-save-dev
导入组件-在main.js里：
import Vant from 'vant';
import'vant/lib/vant-css/index.css';
Vue.use('Vant')
Dialog弹出框我们并不陌生，项目中的活动规则啊，登录注册啊，分享啊等等都会使用到弹出框
弹出框和toast的区别是不能自动消失，因为往往弹出框里的内容比较多，甚至有些更复杂的交互
比如登录等，所以需要手动关闭，自然它就会有交互的按钮等
准备工作：
创建一个页面: Dialog.vue
在router.js里配置 Dialog页面的路由
{
path: '/dialog',
name: 'dialog',
component: () => import('./views/Dialog.vue')
}
在index.vue里添加一项
<a href="javascript:void(0)" @click="$router.push('/dialog')">
<van-col span="" class="marb20">
<van-icon name="pending-deliver" />
<div>Dialog 弹出框</div>
</van-col>
</a>
