基于 Vue 2.0 的 Mobile 组件库 Vant

基于 Vue 2.0 的 Mobile 组件库 Vant

MIT
JavaScript
跨平台
2017-09-29
王练

Vant 是一套轻量、可靠的移动端组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。

特性

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

建议搭配 webpack,babel 使用 Vant,这样可以使用 webpack 提供的丰富插件和个性化配置。Vant 支持了 babel-plugin-import,通过 babel 插件使用 Vant,可以优化代码体积,提高前端性能。

轻量化

作为移动端组件库,Vant 一直将轻量化作为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系,Vant 内部使用了很多的优化方式,包括支持组件按需加载、公共模块复用、组件编译流程优化等。

在应用一系列的优化手段之后,目前 Vant 的组件平均体积仅有 8.8KB,Uglify + Gzip 后约 1KB。

丰富实用的业务组件

Vant 不只是提供基础的UI组件,为了方便开发者快速构建移动商城,Vant 增加了许多移动商城内常用的业务组件。类似于地址管理、优惠券、省市县选择等。

的码云指数为
超过 的项目
加载中

评论(28)

s
shenwang
日历组件当设置最小值及选中值时应展示选中的日期,望采纳
sumnus_fgh
sumnus_fgh
为什么SwipeCell左滑可以,右滑失效了?
龙影
龙影
希望增加一个日历控件
zhuliu
zhuliu

引用来自“蒲池幸子”的评论

写惯jquery了,再去写vue好别扭啊

引用来自“委员长618”的评论

确实是这样,但是前端近几年发展太迅速,不得不加快学习的脚步了。
说得好像后台没有发展一样 你看JDK今年9月要出13了 靠 太快了
龙影
龙影
go版本帝了解一下。可我还是javaer
小小phper
小小phper
又一个轮子
一路发168
一路发168

引用来自“蒲池幸子”的评论

写惯jquery了,再去写vue好别扭啊
确实是这样,但是前端近几年发展太迅速,不得不加快学习的脚步了。
zhuliu
zhuliu
我觉得前端库或ui组件太多了 应该出一个纯css的前端ui渲染框架 一则是因为多数情况下大家只是对界面原始渲染不满意,所以才用组件 二则是因为现在很多ui组件通过js操作渲染,导致很多时候一个页面引入很多库,互相冲突,虽然也有前端模块化方案来避免js上的冲突,但是引入多个css文件的冲突往往不好解决。
Junwen1988
Junwen1988

引用来自“蒲池幸子”的评论

写惯jquery了,再去写vue好别扭啊
是滴
熏小渼
熏小渼
写惯jquery了,再去写vue好别扭啊
阳666
阳666
是因为思维方式的问题吧,这种属于mVVM,习惯了应该会好用很多。
郭凯凯啊
郭凯凯啊
斯国一

Vant 2.0.0 发布,基于 Vue 2.0 的移动组件库

Vant 2.0.0 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的移动组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个移动...

2019/06/14 07:21

Vant 1.6.22 发布,轻量级移动端 Vue 组件库

Vant 1.6.22 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/06/06 07:04

Vant 1.6.18 发布,轻量级移动端 Vue 组件库

Vant 1.6.18 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/05/14 06:56

Vant 1.6.17 发布,轻量级移动端 Vue 组件库

Vant 1.6.17 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/05/06 06:57

Vant 1.6.16 发布,有赞轻量级移动端 Vue 组件库

Vant 1.6.16 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/04/27 07:14

Vant 1.6.15 发布,有赞轻量级移动端 Vue 组件库

Vant 1.6.15 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/04/25 07:08

Vant 1.6.13 发布,有赞轻量级移动端 Vue 组件库

Vant 1.6.13 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/04/08 06:28

Vant 1.6.11 发布,有赞轻量级移动端 Vue 组件库

Vant 1.6.11 发布了。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各...

2019/03/24 06:53

Vant 1.6.8 发布,有赞轻量级移动端 Vue 组件库

Vant 1.6.8 发布了,Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个...

2019/03/06 07:03

vant 1.6.6 发布,轻量级移动端 Vue 组件库

vant 1.6.6 已发布。Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个...

2019/02/25 07:12

没有更多内容

加载失败,请刷新页面

1
回答
vue使用ts后,按需加载一直报错

请提供一下vue在ts模式下怎么按需加载Vant的文档

2019/01/22 11:02

没有更多内容

加载失败,请刷新页面

没有更多内容

在mpvue中引用vant weapp

使用mpvue作为框架,引入第三方的ui框架 vant-weapp vant-weapp: https://github.com/youzan/vant-weapp 下载vant-weapp的资源:https://github.com/youzan/vant-weapp.git 1、 2、 3、 4、全...

2019/03/20 14:39
3.6K
0
mpvue中使用vant weapp【一】

直接进入重点谈谈遇到的坑。 根据项目需求,一个页面,同时出现以下几种组件 1、input输入框 2、picker选择器 3、时间选择器 4、textarea 5、图片上传和预览 首先看vant-ui发现以上几个组件都...

2019/03/20 14:50
4.4K
0
Vant Weapp 1.0 正式版发布

1.0 来了 2018 年 8 月 11 日,我们发布了 Vant Weapp 的首个版本。16 个月以来,我们收到了 27 位开发者贡献的 1000 多次提交,也处理了 1200 多个 issue,发布了 50 多个版本。Github 的 ...

2019/12/11 11:37
235
0
用vant-weapp写一个购物车

vant-weapp介绍 vant-weapp是有赞出品的,前端组件库,既然出自有赞之手,必然是尤其适合于做一个商城项目,它移植于vant-ui,后者有的特性大部分都已经实现。vant-ui找了好久,都没有发现购...

01/16 17:16
37
0
如何在小程序里面 使用支持npm导入第三方库

https://segmentfault.com/a/1190000016376876 以 有赞新出的vant小程序ui库来讲解如何导入npm资源 为例 第一步: 在小程序工程的根目录下执行: npm i vant-weapp -S --production 第二步:...

2018/09/30 15:35
744
0
Vue 组件库

kui iview mint-ui VUE优秀UI组件库合集 Vant 轻量、可靠的移动端 Vue 组件库 heyui 京东Nutui

2018/07/04 09:02
108
0
移动端、PC端(前后台)、小程序常用的UI框架

移动端、PC端(前后台)、小程序常用的UI框架 1.移动端UI库 ①.Vant UI 官方地址:https://youzan.github.io/vant/#/zh-CN/intro github地址:https://github.com/youzan/vant 优点:用来做移...

2019/10/17 10:31
400
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部