Vue3+Ts+Vite的uniapp小程序项目中引入最新vant-weapp v1.11.2并且以后更新版本全部可用

由于vant-weapp是针对微信小程序原生开发的使用在uniapp中并不能使用npm i 方式引入vant-weapp，所以采用手动引入的方式

1.下载vant-weapp包

//使用git下载
git clone https://github.com/youzan/vant-weapp.git
//也可以直接下载zip文件

---

2.在项目src文件里面创建wxcomponents将下载的vant-weapp文件打开将里面的dist文件复制粘贴到wxcomponents中并且重命名为vant(这样更好识别)

3.打开app.vue文件在<style lang="scss">里添加@import '@/wxcomponents/vant/common/index.wxss'

<style lang="scss">
//1.注意如果没有在vite为vue3配置@路径，请使用 2
@import '@/wxcomponents/vant/common/index.wxss'

//2.未配置配置@路径
@import '/wxcomponents/vant/common/index.wxss'

...省略
</style>

---

4.打开pages.json选择你是想全局还是局部引入

//1.全局引入在globalStyle中创建usingComponents里面放你想引入的样式，？怎么知道样式怎么引入！打开wxcomponents/vant,该文件下选你想要的
"globalStyle": {
	
	...省略
	
    "usingComponents": {
      "van-button": "/wxcomponents/vant/button/index",
      "van-cell": "/wxcomponents/vant/cell/index",
      "van-cell-group": "/wxcomponents/vant/cell-group/index",
      "van-icon": "/wxcomponents/vant/icon/index",
      "van-image": "/wxcomponents/vant/image/index",
      "van-row": "/wxcomponents/vant/row/index",
      "van-col": "/wxcomponents/vant/col/index",
      "van-popup": "/wxcomponents/vant/popup/index",
      "van-toast": "/wxcomponents/vant/toast/index",
      "van-card": "/wxcomponents/vant/card/index"
    }
//2.局部页面引入,以首页index引入<van-button>为例子
    {
      "path": "pages/index/index",
      "style": {
        "navigationStyle": "custom", // 隐藏默认导航
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "首页",
            "usingComponents": {
			      "van-button": "/wxcomponents/vant/button/index",
			    }
      }
    }

---