在vue2中使用v-viewer.js

v-viewer.js 是一个基于 Viewer.js 的 Vue.js 插件，用于实现图片浏览器。下面是在 Vue.js 2.x 中使用 v-viewer.js 的步骤：

1. 安装 v-viewer.js

npm install v-viewer --save

2. 引入 v-viewer.js

在 main.js 中引入 v-viewer.js 和 Viewer.css：

import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 9999
  }
})

3. 在组件中使用 v-viewer

在需要使用图片浏览器的组件中，使用 `v-viewer` 指令，并将图片的路径绑定到 `src` 上：

<template>
  <div>
    <img v-for="(img, index) in imgs" :src="img" :key="index" v-viewer />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgs: [
        'https://picsum.photos/200/300',
        'https://picsum.photos/200/300',
        'https://picsum.photos/200/300'
      ]
    }
  }
}
</script>

4. 自定义配置

在 `Vue.use(Viewer)` 中可以传入一些配置项，比如 `defaultOptions` 用于设置 Viewer.js 的默认配置项。具体可参考 Viewer.js 的文档。

以上就是在 Vue.js 2.x 中使用 v-viewer.js 的基本步骤，希望能帮到你。