vant组件的使用

和Element-ui一样，vant也是一个组件库，不过是用于移动端的组件库

其使用方法和element-ui类似
通过npm 或 yarn 安装
#vue2项目
npm i vant -S
yarn add vant

#vue3项目
npm i vant@next -S
yarn add vant

安装之后，在main.js中进行全局引用
import Vant from ‘vant’
import ‘vant/lib/index.css’
Vue.use(Vant)

注意看一下进阶用法中的浏览器适配

也就是移动端适配问题解决方法

还有对于移动端插槽的使用，
对于可以左右拉取的
没有拉取时

当我们向左右拉取时，会显现插槽的内容
效果如下

还有在vant中，单独以一个标签的形式存在时
，在单标签后面加上 “/”,就不需要结尾标签了，
如果需要里面在包裹一些内容的话可以

按钮

将“/”，并加上结尾标签

vant还是很好用的，里面有非常多的移动端组件，一些日常的手机组件都有