ルーニーマップはvue-awesome-swiperプラグインを使用してプロパティを設定します.

npm install vue-awesome-swiper
cnpm install vue-awesome-swiper  

import vue-awesome-swiper from "vue-awesome-swiper"
import "swiper/dist/css/swiper.css"

import { swiper, swiperSlide } from "vue-awesome-swiper";
 
require("swiper/dist/css/swiper.css");
 
components: {
 
swiper,
 
swiperSlide
 
},

<swiper :options="swiperOption" class="swiper-box" ref="mySwiper" >
	<swiper-slide class="swiper-item" v-for="(item,index) in activityList" :key="index">
    	<img class="slide-image" :src="item.bannerImageUrl" @click="handleBannerClick(item.activityId)">
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
</swiper>

data() {
    return {
      swiperOption: {
      	//         ，  notNextTick   true，       NextTick    swiper，                swiper  ，             swiper       ，          true
        notNextTick: true,
        
        autoplay: 6000,//        
        
        grabCursor: true,//      
        
        setWrapperSize: true,
        
        autoHeight: true,
        
        pagination: '.swiper-pagination',
        
        paginationClickable: true,
        
        mousewheelControl: true,
        
        observeParents: true,
        
        autoplayDisableOnInteraction: false  //              
        
        loop:true,//    
        
        speed:800,//    
        
        direction:"horizontal",//    
        
		//           ，     paginationClickable: true,
		 
		pagination: {
		 
		el: ".swiper-pagination",
		 
		clickable: true,
		 
		type: "bullets"
      },
    }