1.通过 npm 安装
# Vue 2 项目,安装 Vant 2: npm i vant -S
# Vue 3 项目,安装 Vant 3: npm i vant@next -S
2.按需引入组件
# 安装插件
npm i babel-plugin-import -D
在.babelrc 或 babel.config.js 中添加配置:
{
"plugins": [
[
"import",
{
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}
]
]
}
3.在代码中直接引入 Vant 组件,插件会自动将代码转化为按需引入的形式。
例如:引入button按钮
import { Button } from 'vant';
vue.use(Button)