使用Swiper4插件问题

好久没使用swiper.js插件，那天使用此插件来展现一个轮播效果，使用的是swiper4的js和css文件，正常我们初始化Swiper会这样写：

<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    loop: true,
    // 如果需要分页器
    pagination: '.swiper-pagination',
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    // 如果需要滚动条
    scrollbar: '.swiper-scrollbar',
  })        
  script>

可是竟然不起作用，分页器呀，前进后退按钮啥的都没反应，有一些方法也都没用，找了好久终于发现问题，原来Swiper4和之前的使用方法有些不一样，在Swiper4里面初始化写法是：

<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    loop: true,
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }，
    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })        
  script>