Vant 轻量、可靠的移动端 Vue 组件库 - 文章教程

Vant 轻量、可靠的移动端 Vue 组件库

发布于 2020-10-26 字数 1790 浏览 1152 评论 0

Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。

Vant 轻量、可靠的移动端 Vue 组件库

目前 Vant 官方提供了 Vue 版本微信小程序版本,并由社区团队维护 React 版本

特点

  • 提供 60 多个高质量组件,覆盖移动端各类场景
  • 性能极佳,组件平均体积不到 1kb(min+gzip)
  • 单元测试覆盖率 90%+,提供稳定性保障
  • 完善的中英文文档和示例
  • 支持 Vue 2 & Vue 3
  • 支持按需引入
  • 支持主题定制
  • 支持国际化
  • 支持 TypeScript
  • 支持 SSR

快速入门

在现有项目中使用 Vant 时,可以通过 npmyarn 进行安装:

# Vue 2 项目,安装 Vant 2.x 版本:
npm i vant -S

# Vue 3 项目,安装 Vant 3.x 版本:
npm i vant@next -S

手动引入需要的组件。

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

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

时光倒影

文章 0 评论

qq_YyjhCs

文章 0 评论

三人与歌

文章 0 评论

┼──瘾||

文章 1 评论