Skip to content

🌟 Vant 3 - Vue 3 時代的穩定基石

穩定可靠,值得信賴!Vant 3 是專為 Vue 3 打造的行動端元件庫,既擁抱了 Vue 3 的新特性,又保持了出色的穩定性。

當 Vue 3 剛剛發布時,Vant 3 就已經準備好了!它不僅完美支援 Vue 3 的所有新特性,更重要的是經過了大量專案的實戰驗證,是您遷移到 Vue 3 的最佳選擇。

✨ 核心特色

  • 🚀 Vue 3 原生 - 完美支援 Vue 3.0+,充分利用 Vue 3 的效能優勢
  • 🧩 元件豐富 - 提供 65+ 個高品質元件,涵蓋行動端各種場景
  • 📦 Tree Shaking - 支援按需引入和 Tree Shaking,套件體積更小
  • 🎨 主題客製化 - 靈活的主題客製化系統,打造獨特的品牌風格
  • 💪 TypeScript - 完整的 TypeScript 支援,開發體驗更佳
  • 🚀 SSR 支援 - 支援伺服器端渲染,SEO 友善
  • 🔥 Nuxt 3 - 完美支援 Nuxt 3,全端開發更輕鬆

🚀 快速安裝

選擇您喜歡的套件管理器,開始您的 Vue 3 之旅:

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

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

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

🎯 快速上手

在 Vue 3 專案中使用 Vant 3,享受現代化的開發體驗:

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

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

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

🌍 瀏覽器支援

Vant 3 與 Vue 3 保持一致的瀏覽器支援策略:

  • 現代瀏覽器 - 完美支援
  • Chrome >= 51
  • iOS >= 10.0

告別老舊瀏覽器的包袱,擁抱現代化的開發體驗。

🔗 相關連結

  • 官方文件 - 詳細的使用指南和 API 文件
  • GitHub - 原始碼儲存庫,歡迎 Star 和貢獻

📚 相關內容

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