使用“Product Carouse”组件，您可以在Web应用程序上创建响应灵敏，适合移动设备的图库和图像轮播。

安装和下载：

# NPM
$ npm install vue-product-carousel --save

特征：

• 图像缩放和平移功能。
• 支持触摸滑动事件。
• 缩略图预览。
• 热图像加载。

如何使用它：

1.安装并导入ProductCarousel组件。

import ProductCarousel from 'vue-product-carousel'

2.在模板中使用ProductCarousel组件。

<template>
  <ProductCarousel :images="images">
    Sidebar content here
  </ProductCarousel>
</template>
<script>

3.激活轮播并用您自己的图像替换图像。

export default {
  components: {
    ProductCarousel,
  },
  data() {
    images: [
      '1.jpg',
      '2.jpg',
      '3.jpg',
    ]
  },
}