1、首先创建或者有一个Vue2版本的项目,大小无所谓
2、引入Vant组件:
A、整体引入:npm i vant@latest-v2 -S
B、按需引入:npm i babel-plugin-import -D
3、开始注册和使用组件:
A、全局注册(在main.js文件中):
B、局部注册,像导入子组件一样,进行按需导入和挂载即可
4、年月日插件的使用,代码:
A、所需要引入的组件:
B、定义相关参数:
C、定义相关函数:
D、界面显示效果:
5、 月日插件的使用步骤同上(如图):
6、引入Vant2的CSS样式(重点) :
备注:当前未用到js,所以给注释了,否则会报错的
7、效果图示:
A、年月日插件的效果示意图:
B、月日插件的效果示意图: