vue中引入轮播图插件swiper,Vue2中引入第三方插件vue-awesome-swiper

0 vue-awesome-swiper使用网址：

链接: https://github.com/surmon-china/vue-awesome-swiper/tree/v4.1.1

1 项目创建

vue create vue-project-demo

2 进入项目根目录

cd vue-project-demo

3 安装swiper依赖，需要指定版本，不然可能因为版本问题导致轮播图加载不出来

npm install [email protected] [email protected] --save

4 vue-project-demo\src\main.js中导入文件

// main.js
import VueAwesomeSwiper from 'vue-awesome-swiper'
// import style
import 'swiper/swip