我们在开发移动端的时候,在布局的过程中大部分会用到vant-ui 方便快捷 也能更好的帮助我们快速的完成项目布局。
首先:
第一步:安装vant , 在现有项目中使用 Vant 时,可以通过 npm 或 yarn 进行安装:
Vue 2 项目,安装 Vant 2:
npm i vant -S
Vue 3 项目,安装 Vant 3:
npm i vant@next -S
第二步: 引入组件(根据官方文档给出的三种方法安装)
2.1 : 自动按需引入(这种方法是最为推荐的使用方法)
//安装插件
npm i babel-plugin-import -D
// 在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
// 对于使用 babel7 的用户,可以在 babel.config.js 中配置
module.