vue 使用 swiper

执行下面之前，得先保证vue项目能正常启动！

1.搜索：

到github搜素 vue-awesome-swiper 插件

github地址：https://github.com/

关于安装和引入，可以直接参考该插件提供的详细说明：https://github.com/surmon-china/vue-awesome-swiper#install

 

2.安装

// 方式一：普通安装（安装最新版本）
npm install vue-awesome-swiper --save

// 方式二：可以指定版本，比如：
npm install [email protected] --save

3.在vue项目中引入

// 在main.js中，全局引入：

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper, /* { default global options } */)

4.使用：

 4.1 方式一：

// 静态数据-swiper

 4.2 方式二：

// 异步数据-swiper