vuejs安装Vant有赞移动端组件库

680 ℃

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

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

特性

性能极佳,组件平均体积小于 1KB(min+gzip)

65+ 个高质量组件,覆盖移动端主流场景

使用 TypeScript 编写,提供完整的类型定义

单元测试覆盖率超过 90%,提供稳定性保障

提供完善的中英文文档和组件示例

提供 Sketch 和 Axure 设计资源

支持 Vue 2、Vue 3 和微信小程序

支持主题定制,内置 700+ 个主题变量

支持按需引入和 Tree Shaking

支持服务器端渲染

支持国际化和语言包定制

安装

# Vue 2 项目,安装 Vant 2:
npm i vant -S

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

快速上手

import Vue from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

Vue.use(Button);

van-collapse-item折叠面板判断,有内容显示箭头可点击

移动端点击input框如何实现不触发光标

移动端如何阻止input框获得焦点时手机键盘的弹出

移动端input框如何禁止键盘唤起

移动端vant组件input框点击时如何禁止弹出手机键盘

标签: Vant, 移动端, 组件, 组件库

上面是“vuejs安装Vant有赞移动端组件库”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1472.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

vue如何实现父子组件通信
新手建站应该如何对网站进行优化
wordpress如何自定义实现面包屑导航
wordpress技巧如何取消回复评论的链接
网站关键词排名突然下降的原因是什么?