用easycom如何引入vant在uniapp中

在uniapp中使用Easycom引入Vant组件库，可以按照以下步骤进行操作：

1. 在项目的根目录下，使用命令行安装Vant UI组件库：

npm install vant -S

2. 在 `pages.json` 文件中，配置Easycom规则，使得Vant组件可以被自动引入：

{
  "easycom": {
    "^vant-(.+)$": "vant-weapp/dist/$1/index.js"
  }
}

这样，当你在页面中使用Vant组件时，Easycom会自动在页面中引入Vant组件库。

例如，在一个页面中使用Button组件：

<template>
  <van-button type="primary" @click="handleClick">点击我</van-button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('Button clicked')
    }
  }
}
</script>

这时候，Easycom会自动在页面中引入Vant组件库，并且可以正常显示Button组件。