Skip to content

🎯 Vant 2 - Vue 2 時代的經典之選

經典永不過時!Vant 2 是專為 Vue 2 打造的行動端元件庫,歷經時間考驗,穩定可靠,是無數開發者的信賴之選。

雖然 Vue 3 已經成為主流,但 Vant 2 依然是 Vue 2 專案的最佳夥伴。它不僅功能完善、效能優異,更重要的是經過了大量專案的實戰檢驗,是您可以放心依賴的元件庫。

✨ 核心特色

  • 🎯 Vue 2 專屬 - 完美支援 Vue 2.6+,與 Vue 2 生態系統無縫融合
  • 🧩 元件豐富 - 提供 60+ 個高品質元件,滿足各種業務需求
  • 📦 按需引入 - 支援按需引入,有效減小套件體積,提升載入速度
  • 🎨 主題客製化 - 支援主題客製化,打造獨特的視覺風格
  • 💪 TypeScript - 完整的 TypeScript 支援,讓程式碼更加健壯
  • 🚀 SSR 友善 - 支援伺服器端渲染,SEO 最佳化不用愁

🚀 快速安裝

選擇您熟悉的套件管理器,輕鬆安裝:

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

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

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

🎯 快速上手

在 Vue 2 專案中使用 Vant 2 非常簡單,幾行程式碼就能讓您的應用程式煥然一新:

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

Vue.use(Button);

就是這麼簡單!現在您就可以在範本中使用 Vant 的按鈕元件了。

🌍 瀏覽器支援

Vant 2 具有出色的相容性,支援現代瀏覽器以及:

  • Android >= 4.0
  • iOS >= 8.0

無論是新裝置還是舊裝置,都能完美運行。

🔗 相關連結

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

📚 相關內容

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