Swiper.js Integration Test

Swiper.js Library Integration Demo

Testing Swiper.js integration with loop and autoplay features

📝 此組件誕生於 Swiper v9 至 v10 期間，當時官方宣布停止維護 React/Vue 框架組件並轉向 Web Components。直到 Swiper v11（2023 年底）官方才恢復對 Vue 的第一方支援，目前可直接使用官方 Vue 版本。

基本用法：

item: 0

index: 0

isSliderMoveing: false

item: 1

index: 1

isSliderMoveing: false

item: 2

index: 2

isSliderMoveing: false

item: 3

index: 3

isSliderMoveing: false

item: 4

index: 4

isSliderMoveing: false

item: 5

index: 5

isSliderMoveing: false

item: 6

index: 6

isSliderMoveing: false

item: 7

index: 7

isSliderMoveing: false

item: 8

index: 8

isSliderMoveing: false

item: 9

index: 9

isSliderMoveing: false

item: 10

index: 10

isSliderMoveing: false

item: 11

index: 11

isSliderMoveing: false

item: 12

index: 12

isSliderMoveing: false

item: 13

index: 13

isSliderMoveing: false

item: 14

index: 14

isSliderMoveing: false

item: 15

index: 15

isSliderMoveing: false

item: 16

index: 16

isSliderMoveing: false

item: 17

index: 17

isSliderMoveing: false

item: 18

index: 18

isSliderMoveing: false

item: 19

index: 19

isSliderMoveing: false

item: 20

index: 20

isSliderMoveing: false

Swiper.js Integration Test

基本用法：

循環自動播放：