vue 注册全局swiper_Vue-Swiper使用

import { swiper, swiperSlide } from'vue-awesome-swiper'

require('./../static/swiper-3.3.1.min.css')      //不建议这样引CSS

exportdefault{

name:'carrousel',

data() {

return{

swiperOption:{  //以下配置不懂的，可以去swiper官网看api，链接http://www.swiper.com.cn/api/

autoplay:0,        //自动切换的时间间隔(单位ms)，不设定该参数slide不会自动切换。

loop:false,         //是否循环

direction:'horizontal',     //Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)

pagination:'.swiper-pagination',//分页器容器的css选择器或HTML标签

}

}

}，

computed: {

swiper() {

return this.$refs.mySwiperA.swiper

}

}

@import "../../static/swiper.min.css";//css建议这样引入