vue-awesome-swiper 配置 （分页不显示\鼠标无效\渐变无效等）

代码片断

import { Swiper, EffectFade, Mousewheel, Pagination } from 'swiper'
import { directive } from 'vue-awesome-swiper'

import 'swiper/swiper-bundle.css'
Swiper.use([EffectFade, Mousewheel, Pagination])
export default {
  components: { MainFooter, LoginForm },
  directives: {
    swiper: directive,
  },
  data() {
    return {
      swiperOption: {
        effect: 'fade',
        direction: 'vertical',
        slidesPerView: 1,
        mousewheel: true,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
      },
    }
  }

很久没有使用过swiper，找到了个叫vue-awesome-swiper的封装库，发现很多东西都不生效。我在想一个活了这么久的第三方包，怎么可能会有这种bug，经过一番搜索，才知道缺少的东西都在原来的swiper，把它引入 就可以解决了。希望可以帮到大家。