Skip to content

🚀 Vant 4 - 新一代行動端元件庫

全新升級,效能飛躍!Vant 4 是基於 Vue 3 的最新行動端元件庫,帶來了更強的效能、更好的開發體驗和更豐富的功能。

Vant 4 不僅繼承了 Vant 3 的穩定性,更在效能、功能和開發體驗上實現了全面升級。無論您是新專案還是從舊版本升級,Vant 4 都是您的最佳選擇!

✨ 全新特色

  • 效能飛躍 - 全面最佳化,渲染效能提升 30%+
  • 🎨 全新設計 - 更現代的設計語言,更精美的視覺效果
  • 🧩 元件升級 - 70+ 個元件,新增多個實用元件
  • 📱 行動優先 - 專為行動端最佳化,觸控體驗更佳
  • 🎯 TypeScript - 完整的 TypeScript 支援,型別更準確
  • 🌙 暗黑模式 - 內建暗黑主題,適配各種使用場景
  • 🔧 開發工具 - 更強大的開發工具鏈,除錯更便捷

🚀 快速安裝

使用您喜歡的套件管理器,立即體驗 Vant 4:

bash
# 透過 npm 安裝
npm i vant@^4

# 透過 yarn 安裝
yarn add vant@^4

# 透過 pnpm 安裝
pnpm add vant@^4

🎯 快速上手

在 Vue 3 專案中使用 Vant 4,享受最新的開發體驗:

js
import { createApp } from 'vue';
import { Button, showToast } from 'vant';
import 'vant/lib/index.css';

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

// 體驗新的 API
showToast('歡迎使用 Vant 4!');

更簡潔的 API,更強大的功能,這就是 Vant 4 的魅力!

🌟 核心優勢

🎨 設計升級

  • 全新的設計語言,更符合現代審美
  • 精心調優的動畫效果,互動更流暢
  • 支援暗黑模式,適配不同使用場景

⚡ 效能最佳化

  • 元件渲染效能提升 30%+
  • 套件體積進一步最佳化
  • 更好的 Tree Shaking 支援

🛠️ 開發體驗

  • 完整的 TypeScript 支援
  • 更友善的錯誤提示
  • 強大的開發工具鏈

🌍 瀏覽器支援

Vant 4 支援現代瀏覽器,為您提供最佳的開發和使用者體驗:

  • Chrome >= 51
  • iOS >= 10.0
  • Android >= 5.0

🔗 相關連結


📚 相關內容

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