ImagePreview 用法

`ImagePreview`是`vant`组件库提供的图片预览组件，可以轻松实现图片的预览功能。下面是一个简单的`ImagePreview`组件的使用示例：

<template>
  <div>
    <img
      v-for="(image, index) in images"
      :key="index"
      :src="image"
      @click="preview(index)"
      width="100"
      height="100"
    >
  </div>
</template>

<script>
import { ImagePreview } from 'vant'

export default {
  data() {
    return {
      images: [
        'https://img.yzcdn.cn/vant/apple-1.jpg',
        'https://img.yzcdn.cn/vant/apple-2.jpg',
        'https://img.yzcdn.cn/vant/apple-3.jpg',
        'https://img.yzcdn.cn/vant/apple-4.jpg',
        'https://img.yzcdn.cn/vant/apple-5.jpg'
      ]
    }
  },
  methods: {
    preview(index) {
      ImagePreview({
        images: this.images,
        startPosition: index
      })
    }
  }
}
</script>

在模板中使用`v-for`指令渲染图片列表，当用户点击某张图片时，通过`preview`方法打开图片预览组件。`ImagePreview`方法接收一个对象作为参数，其中`images`表示图片数组，`startPosition`表示初始预览位置（即用户点击的图片位置），如上述代码中所示。当用户点击预览组件中的图片时，可以通过手势滑动进行切换。