​​https://wlada.github.io/vue-carousel-3d/​​

npm install -S vue-carousel-3d

import { Carousel3d, Slide } from 'vue-carousel-3d';
export default {
  components: {
    Carousel3d,
    Slide
  }
 };

const slides = [
    {
        title: 'Slide 1',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 2',
        desc: 'Lorem ipsum dolor sit amet ',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 3',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 4',
        desc: 'Lorem ipsum dolor sit amet,  Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 5',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 6',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 7',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 8',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 9',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    },
    {
        title: 'Slide 10',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, maxime.',
        src: 'https://placehold.it/360x270'
    }
]

使用方法