Vue-- vue-preview（图片查看器）的使用步骤：

Vue-Preview是一个基于Vue.js的移动端图片预览插件，可以方便地在移动端实现图片的缩放、旋转、滑动查看等交互操作。以下是Vue-Preview的使用步骤：

1. 安装Vue-Preview插件

npm install vue-preview --save

2. 在Vue项目中引入Vue-Preview插件

import VuePreview from 'vue-preview'
Vue.use(VuePreview)

3. 在Vue组件中使用Vue-Preview

<template>
  <div>
    <vue-preview :slides="slides"></vue-preview>
  </div>
</template>

<script>
export default {
  data() {
    return {
      slides: [
        {
          src: 'https://xxx.com/1.jpg',
          msrc: 'https://xxx.com/1.jpg',
          title: '图片1'
        },
        {
          src: 'https://xxx.com/2.jpg',
          msrc: 'https://xxx.com/2.jpg',
          title: '图片2'
        },
        {
          src: 'https://xxx.com/3.jpg',
          msrc: 'https://xxx.com/3.jpg',
          title: '图片3'
        }
      ]
    }
  }
}
</script>

其中，slides为一个数组，每个元素代表一个图片，包含以下属性：

- src：原始图片的URL
- msrc：缩略图的URL
- title：图片的标题

以上就是Vue-Preview的使用步骤，如果要实现更多的交互效果，可以参考官方文档进行配置。