Vant Weapp组件库官方示例改写到Mpvue框架下

说明

我把近段时间全面整理Vant Weapp组件在Mpvue框架下的基本使用归纳成一个github开源仓库形式(https://github.com/zxz-googleman/hello-mpvue-vantweapp)。

有兴趣的初学者可以参考一下。

有赞组件库Vant Weapp是一个伟大的工程,其与美团创建的基于Vue.js的小程序开发框架Mpvue可谓珠联璧合。遗憾的是,Vant Weapp官方展示仅给出了在小程序原生框架下的在线举例,本项目意在提供此组件库在Mpvue框架下的全面展示。Vant Weapp+Mpvue方案的初学者可参考一下;同时,欢迎提供宝贵意见与建议!!! 请各位注意:我并没有上传node_modules和使用npm run build(或者npm run dev)编译生成的dist文件夹下大量内容。相信各位能够理解,有问题共同讨论...

形式及补充

在组织形式上,作为示例小程序的首页,我使用了TreeSelect组件组织Vant Weapp组件库的六大类,共37个组件(注意版本是0.5.2,因此各位在使用最新的0.5.3版本时请结合其版本升级所作的更新说明)。

Vant Weapp组件库官方示例改写到Mpvue框架下

小程序端运行时一瞥

Vant Weapp组件库官方示例改写到Mpvue框架下

参考

  1. http://mpvue.com/,美团框架Mpvue官方地址
  2. https://youzan.github.io/vant-weapp/#/quickstart,有赞组件库官方地址,其在此提供的是Vant Weapp组件在小程序原生框架下使用举例,且其中存在极小的BUG,请同学们多留意。

猜你喜欢

转载自blog.51cto.com/zhuxianzhong/2350096
今日推荐