🌟 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
告別老舊瀏覽器的包袱,擁抱現代化的開發體驗。
🔗 相關連結
📚 相關內容
- Vant 4 - 最新版本 - 體驗最新功能和效能提升
- Vant 2 - Vue 2 版本 - 經典的 Vue 2 選擇
- Vant Weapp - 小程式版本 - 小程式開發的利器
- 從 Vant 3 升級 - 升級到 Vant 4 的指南
- 快速開始 - 開始您的 Vant 之旅
- 設計規範 - 了解設計理念和規範