nuxt vue-awesome-swiper thumbs

Nuxt.js 是一个基于 Vue.js 的通用应用框架，它可以帮助我们更快地开发服务器渲染的 Vue.js 应用程序。Vue Awesome Swiper 是一个基于 Swiper.js 封装的 Vue.js 轮播组件，提供了丰富的轮播功能和定制选项。而 Swiper.js 则是一个非常流行的开源轮播插件。

Thumbs 作为 Vue Awesome Swiper 的一个选项，可以将轮播组件的缩略图显示在轮播组件的下方或侧边，方便用户快速浏览和切换图片。Thumbs 选项需要配置一个子组件的名称和属性，用来作为缩略图的显示内容。例如：

<swiper :thumbs="['thumbsSwiper']">
  <swiper-slide>
    <img src="...">
  </swiper-slide>
  ...
</swiper>

<swiper ref="thumbsSwiper" :options="thumbsSwiperOption">
  <swiper-slide>
    <img src="...">
  </swiper-slide>
  ...
</swiper>

其中，`thumbs` 属性指定了缩略图的子组件名称为 `thumbsSwiper`，而 `thumbsSwiperOption` 则是缩略图组件的配置选项。