vue swiper6.0.4 分页渲染不出来

vue swiper6.0.4 分页无法渲染出来

使用swiper做轮播时，发现图片等都可以正常轮播，但是swiper的分页组件渲染不出来。
加载swiper组件的代码如下：

<template>
	<div class="swiper-container">
	      <!-- Additional required wrapper -->
	      <div class="swiper-wrapper">
	        <slot></slot>
	      </div>
	      <div class="swiper-pagination"></div>
	 </div>
 </template>
 <script>
 	import Swiper from 'swiper';//待修改部分，仅此一处
	import 'swiper/swiper-bundle.css';
	var mySwiper = new Swiper('.swiper-container', {
	  // Optional parameters
	  direction: 'vertical',
	  loop: true,
	
	  // If we need pagination
	  pagination: {
	    el: '.swiper-pagination',
	  },
	
	  // Navigation arrows
	  navigation: {
	    nextEl: '.swiper-button-next',
	    prevEl: '.swiper-button-prev',
	  },
	
	  // And if we need scrollbar
	  scrollbar: {
	    el: '.swiper-scrollbar',
	  },
	})
</script>

后来发现是import出问题了，当执行import Swiper from 'swiper';时，Swiper仅导出核心版本，没有其他模块比如分页等，而要使用分页的功能还要导入分页等。
修改后的代码如下：

import Swiper, { Navigation, Pagination } from 'swiper';
Swiper.use([Navigation, Pagination]);

修改后发现分页功能好使了，亲测有效哦！！！