Vue中如何使用vant(Vue2的版本)
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。目前 Vant 官方提供了Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护React 版本和支付宝小程序版本。在项目中安装vant// # Vue 3 项目,安装最新版 Vant:cnpm i vant -S// # Vue 2 项目,安装 Vant 2:cnpm i vant@latest-v2 -S安装完成之后
·
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。
在项目中安装vant
// # Vue 3 项目,安装最新版 Vant:
cnpm i vant -S
// # Vue 2 项目,安装 Vant 2:
cnpm i vant@latest-v2 -S
安装完成之后还要引入组件,先安装插件
//# 安装插件
cnpm i babel-plugin-import -D
安装插件之后还要添加
// 在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
上面的过程做完之后就可以使用Vant 需要用什么在Vant 2 - 轻量、可靠的移动端组件库 (gitee.io)官网找一下 之后在需要使用Vant的组件内引入需要用的东西 比如
import { Button } from 'vant';
更多推荐
已为社区贡献2条内容
所有评论(0)