Skip to content

🎨 組件庫總覽 - Vant 4

📖 介紹

歡迎來到 Vant 4 組件庫!這裡匯集了 60+ 個精心設計的移動端 UI 組件,涵蓋了移動應用開發的各個場景。每個組件都經過精心打磨,提供優秀的用戶體驗和開發者體驗。

📊 組件統計

94+
組件總數
8
分類數量
100%
TypeScript
Vue 3
框架支持

🔍 組件搜索

📚 組件分類

🚀 快速開始

安裝

bash
# 通過 npm 安裝
npm i vant

# 通過 yarn 安裝
yarn add vant

# 通過 pnpm 安裝
pnpm add vant

引入組件

js
import { createApp } from 'vue'
import { Button, Cell } from 'vant'

const app = createApp()
app.use(Button)
app.use(Cell)

引入樣式

js
import 'vant/lib/index.css'

🎨 設計理念

移動優先

專為移動端設計,提供最佳的觸摸體驗和性能表現。

組件化

高度模塊化的組件設計,可以靈活組合使用。

主題定制

支持深度主題定制,滿足不同品牌的視覺需求。

TypeScript

完整的 TypeScript 支持,提供更好的開發體驗。

📖 相關文檔

基於Vant構建的企業級移動端解決方案