mpvue是美团的开源框架，使开发人员能够像vue项目一样开发小程序。但是，由于mpvue是微信本机开发的重新打包（与vue有所不同的地方毕竟不是spa），因此这给我们引入UI组件增加了很多麻烦，不多说了，那么我将向您展示如何介绍vant-weapp。

1、首先，我们需要初始化一个mpvue项目

＃全局安装vue-cli

$ npm install --global vue-cli

＃基于mpvue-quickstart模板创建一个新项目

$ vue init mpvue / mpvue-quickstart我的项目

＃安装依赖项

$ cd my-project

$ npm install

＃开始构建

$ npm run dev

成功启动后，将生成一个dist文件。其中有一个“ wx”项目，它是已编译的微信小程序项目

2，在微信开发人员工具中创建一个新项目，填写注册的appid和文件目录（敲黑板，这里要注意，文件目录是dist中的wx）。3.下一步是要访问vant-weapp ui库

git clone https://github.com/youzan/vant-weapp.git

首先下载vant-weapp，然后将其项目下的所有dist文件复制到我们需要使用的原始项目中。为了便于管理，您可以在根目录下的static下为存储UI组件文件创建一个新的vant；

4，其余的将相对简单，可以在官方文档（＃）中查看该组件的具体用法，我们只需要在页面的配置json文件中介绍所需的组件即可使用组件

好吧！保存后，您可以直接在微信开发人员工具中查看效果。感谢您的赞赏。如果您觉得有用，就可以收藏！