说明

我把近段时间全面整理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版本时请结合其版本升级所作的更新说明）。

小程序端运行时一瞥

参考

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

网站栏目：VantWeapp组件库官方示例改写到Mpvue框架下
链接地址：http://chengdu.cdxwcx.cn/article/jjhpoj.html