Vant组件是我们移动端开发使用很频繁的一个UI库。v4版本对v3进行了很多升级，增加了很多比较实用组件，所以升级到v4还是很有必要的。Vant官网上有专门出了一个升级指南，按照指南进行升级，还是很方便的，所谓早升早享受。
-
1、首先你需要安装 Vant 4 以及
@vant/compat，然后根据官网进行babel的配置； -
2、全局搜索引入Dialog、Toast、Notify、ImagePreview的地方，将原先引入从vant中转为@vant/compat，就可以不改变原先代码的写法；
-
3、比较麻烦的是DatetimePicker的升级，该组件拆分为TimePicker、DatePicker、PickerGroup 三个组件。这里的v-model的引用方式和
confirm、cancel、change参数都发生了改变。 -
4、Picker组件也发生重构，这里主要注意columns属性，之前可以接收一级数组，现在的话，只能是对象数组。所以需要进行代码改造。
这几步走完，大部分内容也就进行了升级，可以单个页面逐个审查，看看是否有遗漏。
看看新的v4有哪些精彩的组件值得我们升级
-
1、浮动面板 FloatingPanel
-
2、浮动气泡 FloatingBubble
-
3、弹幕 Barrage
-
4、签名 Signature
-
5、文本省略 TextEllipsis
-
6、水印 Watermark
