vue2使用swiper低版本

在 Vue 2 中使用 Swiper 的低版本，通常需要引入 Swiper 的库文件并安装。以下是基本步骤：

1. 首先，在项目中安装 Swiper 组件。如果你使用的是 npm，可以在命令行运行：

   npm install swiper@4.x --save // 请替换 '4.x' 为你需要的 Swiper 版本

2. 引入 Swiper 和其 CSS 文件。在你的 main.js 或者你想使用 Swiper 的组件的 script 标签内添加以下内容：

   import Swiper from 'swiper'
   import 'swiper/dist/css/swiper.css';

3. 然后在你的模板中创建 Swiper 实例。例如，如果你想创建一个基本的轮播图：

   <div id="swiper-container">
     <div class="swiper-wrapper">
       <!-- 你的滑动项 -->
       <div v-for="(item, index) in items" :key="index">
         <div>{{ item }}</div>
       </div>
     </div>
     <div class="swiper-pagination"></div> <!-- 如果需要添加分页器 -->
   </div>

   <script>
   export default {
     data() {
       return {
         items: ['Slide 1', 'Slide 2', 'Slide 3'],
       };
     },
     mounted() {
       new Swiper('#swiper-container', {
         loop: true,
         pagination: {
           el: '.swiper-pagination',
         },
       });
     },
   }
   </script>

请注意，Swiper 5.x 之后的版本已经不再支持 Vue 2，所以推荐使用上述的 4.x 版本。随着 Swiper 持续更新，可能会有 API 变更，所以在实际使用过程中请查阅官方文档以获取最新的用法。