还是没找到问题

源码因为已经写到后面的阶段了，所以无法比对

还是麻烦老师了

home/index.vue

----------------------------------------------------------------------------------

<template>
 <div class="home">
   <div class="g-header-container">
     <home-header></home-header>
   </div>
   <div>
     <home-slider></home-slider>
   </div>
   <div class="g-backTop-container"></div>
    <router-view></router-view>
 </div>
</template>

<script>
import HomeHeader from './header';
import HomeSlider from './slider';
export default {
   name: 'Home',
components: {
     HomeHeader,
HomeSlider
   }
 };
</script>

<style lang="scss" scoped>
@import '~assets/scss/mixins';

.home {
   overflow:hidden;
width: 100%;
height: 100%;
background-color:$bgc-theme;
}
</style>

base/slider.vue

----------------------------------------------------------------------------------

<!-- home-slider业务组件 -->
<template>
 <me-slider
   :direction="direction"
   :loop = true
   :interval = "interval"
   :pagination = "pagination"
 >
   <swiper-slide
     v-for="(item ,index) in sliders"
     :key="index"
   >
     <a :href="item.linkUrl" class="slider-link">
       <img :src="item.picUrl" class="slier-img" alt="">
     </a>
   </swiper-slide>
 </me-slider>
</template>

<script>
 /* 引入基础组件 */
 import MeSlider from 'base/slider';
 import swiperSlider from 'vue-awesome-swiper';
 export default {
   name: 'HomeSlider',
   components: {
     MeSlider,
     swiperSlider
   },
   data() {
     return {
       direction: 'vertical',
       loop: false,
       interval: 0,
       pagination: false,
       sliders: [
         {
           'linkUrl': 'https://www.imooc.com',
           'picUrl': require('./1.jpg')
         },
         {
           'linkUrl': 'https://www.imooc.com',
           'picUrl': require('./2.jpg')
         },
         {
           'linkUrl': 'https://www.imooc.com',
           'picUrl': require('./3.jpg')
         },
         {
           'linkUrl': 'https://www.imooc.com',
           'picUrl': require('./4.jpg')
         }
       ]
     };
   }
 };
</script>

<style scoped>

</style>

slider/index.vue

---------------------------------------------------------------------------------------------

<!-- slider基础组件 -->
<template>
 <swiper :options="swiperOption">
<!--基础组件不能写死，放个插槽由调用它的页面决定它的内容-->
<slot></slot>
   <div class="swiper-pagination" v-if="pagination" slot="pagination"></div>
 </swiper>
</template>

<script>
import {swiper} from 'vue-awesome-swiper';
export default {
   name: 'MeSlider',
components: {
     swiper

   },
/* 接收参数 */
props: {
     direction: {
       type: String,
default: 'horizontal',
validator(value) {
         return [
           'horizontal',
'vertical'
].indexOf(value) > -1;
}
     },
interval: {
       type: Number,
default: 3000,
validator(value) {
         return value >= 0;
}
     },
loop: {
       type: Boolean,
default: true
},
pagination: {
       type: Boolean,
default: true
}
   },
data() {
     return {
       swiperOption: {
         watchOverflow: true, // 只有一个slider，swiper会失效
direction: this.direction,
autoplay: this.interval ? { // 有interval才开启自动轮播
delay: this.interval,
disableOnInteraction: false // 一旦有交互就停止自动轮播
} : false,
slidesPerView: 1,
loop: this.loop,
pagination: {
           el: this.pagination ? '.swiper-pagination' : null
}
       }
     };
}
 };
</script>

<style lang="scss" scoped>

</style>