HarryFan/vue2_with_swiperjs

Vue 2 SwiperJS 專案

本專案使用 Vue 2 和 Vue Awesome Swiper（基於 SwiperJS）實現的簡單輪播圖示例。

功能

• 使用 Vue 2 和 Vue Awesome Swiper 建立輪播圖
• 自定義輪播圖選項（循環、分頁、導航等）
• 使用 Lorem Picsum 圖像作為示例圖片

開始使用

1. 確保您已安裝 Node.js 和 npm。
2. 克隆或下載專案到您的本地計算機。
3. 在專案根目錄下運行 npm install 以安裝所有依賴項。
4. 運行 npm run serve 以在開發模式下啟動專案。瀏覽器將自動打開，並導航到 http://localhost:8080/。

建立生產版本

運行 npm run build 以生成生產版本。生成的檔案將位於 dist 文件夾中。

相關資源

• Vue.js 官方網站：https://vuejs.org/
• Vue Awesome Swiper GitHub 庫：https://github.com/surmon-china/vue-awesome-swiper
• Swiper 官方網站：https://swiperjs.com/
• Lorem Picsum 圖像生成器：https://picsum.photos/