图片播放组件的使用vue v-viewer

今天做项目用到了一个图片播放的组件v-viewer同各位麻油分享一下。

1.首先在终端中进入项目目录：
2.执行终端命令，安装v-viewer组件：npm install v-viewer
3.配置vue 的 main.js文件：
  import 'viewerjs/dist/viewer.css'
  import Viewer from 'v-viewer'
  import Vue from 'vue'
  Vue.use(Viewer)
4.在.vue文件重定义

    <viewer :images="images">
      <img v-for="src in images" :src="src" :key="src">
    </viewer>

images 在文件中自己定义。