vue中使用swiper

最近在研究vue的周边技术，发现swiper，在官网中也有说明要如何进行操作，下面我进行进一步的总结
首先在终端进行

npm install vue-awesome-swiper --save

如果在vue中报错可行指定版本的安装

npm install vue-awesome-swiper@3.1.3 --save

在main.js中引入一下代码

import Vue from 'vue'
import 'swiper/dist/css/swiper.css'
import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper /* { default global options } */)

在要操作的页面进行以下代码的书写

HTML

<swiper :options="swiperOption">
        <swiper-slide> <img
            src="./../assets/images/u=3038625765,121755996&fm=26&gp=0.jpg"