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

718 ℃

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,我们会在看到邮件的第一时间内为您处理!

php返回时间不对应该怎么解决
jquery如何实现无限弹框效果
nginx如何禁止访问指定目录下的所有文件和目录
node.js中文产生乱码如何解决
前端用PHP写简单的新增接口(二)