web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

411 ℃
     

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://ipkd.cn/webs_1472.html

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

当前位置: 网站首页 > vuejs
本文共计512个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 抖音联合方正打造免费可商用品牌字体——抖音美好体
下一篇: 推荐一个在线图文转视频、AI 数字人工具——一帧秒创(免费赠送100分钟)
x 打工人ai神器