Vant是一款轻量、可靠的移动端 Vue 组件库,开发方便、简单、快捷

特性
60+ 高质量组件
95% 单元测试覆盖率
完善的中英文文档和示例
支持按需引入
支持主题定制
支持国际化
支持 TS
支持 SSR

详细可见官网 https://youzan.github.io/vant/#/zh-CN/intro

一、安装Vant

1、安装Vant(vscode必须以管理员身份打开)
打开终端 输入以下命令

npm install vant --save

如果你网络很慢的话,可以使用淘宝的源,

npm install vant --save --registry=https://registry.npm.taobao.org

二、代码引用Vant

1、全局引入

import Vant from 'vant'
import 'vant/lib/vant-css/index.css'
Vue.use(vant)

2、引入指定控件 可以多个

import Button from 'vant/lib/button';
import 'vant/lib/button/style';

多个引入

import { Cell, CellGroup } from 'vant';
Vue.use(Cell).use(CellGroup);
import 'vant/lib/vant-css/index.css'

注:必须引入css样式,否则显示的样式会不正确

Logo

前往低代码交流专区

更多推荐