vue中使用swiper组件，实现鼠标滚轮操作全屏切换

vue中使用swiper组件，实现鼠标滚轮操作全屏切换

1. 首先在项目内安装swiper

```
npm install swiper@4.4.2 -D
```

2. 安装Vue-awesome-swiper,用来操作Swiper

```
npm install vue-awesome-swiper@3.1.3 -D
```

3. 安装成功后，在项目main.js全局引入swiper，将其挂载上去

```
//引入swiper
import VueAwesomeSwiper from “vue-awesome-swiper“；
// 引入swiper样式
import "swiper/dist/css/swiper.css";
//挂载swiper
Vue.use(VueAwesomeSwiper);
```

4. 在组件中引用swiper

```
<template>
    <swiper :options="swiperOption" ref="mySwiper">
	    <swiper-slide>I'm Slide 1</swiper-slide>
	    <swiper-slide>I'm Slide 2</swiper-