在 Vue 中使用Swiper组件

第一步：在终端执行命令：
npm install vue-awesome-swiper --save
npm run dev
如下：


第二步：进入 main.js 文件，三行代码引入Swiper组件

第三步：在需要轮播图的文件中使用Swiper组件，Swiper.vue 文件内容如下：

<template>
    <!-- 轮播图开始 -->
    <div class="swiper">
        <swiper :options="swiperOption" ref="mySwiper" @someSwiperEvent="callback">
            <!-- 轮播的图片 -->
            <swiper-slide><img src="/static/images/swiper1.jpg" /></swiper-slide>
            <swipe