微信小程序----Vant Weapp组件库的坑

1. 创建项目
2. cmd 进入项目根目录 执行npm init -y 输入项目名称 一直回车
3. 勾选微信小程序开发工具 详情-本地配置-npm 构建npm
4. 在app.json中

 "usingComponents": {
    "van-notify": "@vant/weapp/notify/index",
    "van-tag": "@vant/weapp/tag/index",
  },

5. 页面直接使用

<van-cell-group inset>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" />
</van-cell-group>

6. 微信开发者工具 基础版本库2.20.1 导致组件库样式失效
   解决办法：
   去除 app.json 中 “lazyCodeLoading”: “requiredComponents”（估计是微信开发工具的坑）
   去除 app.json 中 “style”: “v2”, 防止样式导致布局混乱

7. 如果需要important 导入的，先important （重点，容易出错）

//官方文档：
import Toast from 'path/to/@vant/weapp/dist/toast/toast';
//修改之后：
import Toast from '@vant/weapp/toast/toast'
使用：
//js
Toast('我是提示文案，建议不超过十五字~');
//wxml
<van-toast id="van-toast" />