用Vue的第三方库Swiper，实现 轮播图效果 及 动态数据请求

1.在HTML头部载入第三方数据

<!--Swiper的 css数据 -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
 
 <!-- Swiper的js数据 -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>

2.css轮播的框

<style>
    .swiper-container{
      width: 600px;
      height: 300px;
      margin: 10px auto;
    }
  </style>

3.使用组件

 <div id="app">
      <Banner></Banner>
  </div>

4.把Swiper轮播架构代码放入

叫‘banner’组件的配置块里

 <template id = "banner">
      <div class="swiper-container">
          <div class="swiper-wrapper">
              <