克隆后，将dist目录下的所有文件复制到项目中的/static/vant/目录下，vant目录是我自己创建为了区分的

打开build目录下的webpack.base.conf.js文件并在rules中添加以下配置

直接使用小程序的组件，navigator，里面还有一些其他的参数，大家可以自行翻阅官方文档

我们都知道在vue中可以定义多个<style>,一般为了防止全局污染,我们会使用<style scoped>代表这里面的css样式只在本页面生效。

有问题可以随时提问,评论私信,只要我有时间我都会第一时间回复。当大家发现这篇文章不适用的时候烦请告知下，我好做好更改！

腾讯云开发者社区是腾讯云官方开发者社区，致力于打造开发者的技术分享型社区。提供专栏,问答，沙龙等产品和服务，汇聚海量精品云计算使用和开发经验，致力于帮助开发者快速成长与发展，营造开放的云计算技术生态圈。...

.4 注意事项 除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于 微信小程序的 Page， 除特殊情况外，不建议使用小程序的生命周期钩子。...

WXSS( WeiXin Style Sheets )是⼀套样式语⾔，⽤于描述 WXML 的组件样式。与 CSS 相⽐，WXSS 扩展的特性有：

(2).打开node_modules文件夹找到vant-weapp中的dist文件夹拷贝到miniprogram_npm文件夹下，同时把路径中的“path/to/”删除，然后再运行就不会报错了。

1. 打开文件project.config.json,找到miniprogramRoot 如下图：