Swiper組件僅適用于Vue 3。這些組件不能在Vue 2中使用,但可以直接使用Swiper API: 在模板中的目標Swiper容器元素上應用模板引用。 在組件的mounted()鉤子中,初始化Swiper的一個實例,傳遞模板ref和Swiper選項,其中包括模板中分頁/導航元素的選擇器。 <script>import Swiper, { Navigation, Pagination } from 'swiper'import 'swiper/css'import 'swiper/css/navigation'import 'swiper/css/pagination'export default { mounted() { 2?? new Swiper(this.$refs.swiper, { // configure Swiper to use modules modules: [Navigation, Pagination], // Optional parameters loop: true, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.swiper-button-next',