Vue.js -如何在Vueper幻灯片中显示图片？

npm install vueper

yarn add vueper

import Vueper from 'vueper';

export default {
  components: {
    Vueper,
  },
  // ...
}

<template>
  <div>
    <vueper>
      <vueper-slide v-for="image in images" :key="image.id">
        <img :src="image.url" alt="Slide Image">
      </vueper-slide>
    </vueper>
  </div>
</template>

export default {
  data() {
    return {
      images: [
        { id: 1, url: 'https://example.com/image1.jpg' },
        { id: 2, url: 'https://example.com/image2.jpg' },
        { id: 3, url: 'https://example.com/image3.jpg' },
      ],
    };
  },
  // ...
}