关于Vue+Swiper实现

首先如果按照官方文档给的去做，大概率出问题。

我就介绍一下我用的方法吧。

1.下载swiper 和 vue-awesome-swiper ，用npm下载就行，下载的代码如下

npm install vue-awesome-swiper@3 --save-dev
npm install swiper@4.3

2.然后我是新建了一个vue文件，相当于一个自定义组件去用。（因为样式都不太一样，所以只粘贴关键代码）

template部分（注意list，list是从父页面传过来的）

  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide" v-for="item in list" :key="item.id">
        <img
          :src="item.imgUrl"
      </div>