1,官网地址:youzan.github.io/vant/#/zh-C…
2, 安装 npm i vant -S
3,在mian.js里面引入
import Mint from 'mint-ui';import 'mint-ui/lib/style.css'Vue.use(Mint);
4,在所需的页面引入单个组件如toast
import { Toast } from 'vant';
5,在mian.js 里面全局引入之后,就可以直接拿过来使用了,可以定义显示的相关位置。
this.$toast({ message: '引入的内容', position: '100px' });
this.$toast({ message: '引入的内容', position: 'top' /left/right/bottom });
6,效果如下图