1、首先我们来看下今天的主角【v-viewer】，v-viewer提供点击下一张，上一张，旋转，自动播放，放大等一些我们常用的功能，效果见图
2、现在我们开始安装这个组件到我们的项目里面，命令面板里面我们需要执行一个安装命令【npm install v-viewer --save】
3、安装完之后我们在vue项目里面的main.js需要对这个组件进行引用import Viewer from &垆杪屑丝#39;v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-source' }})
4、到了这里我们基本就把【v-viewer】这个组件放在我们的项目里面。在未来我们需要进行使用的时候，只要在在页诹鬃蛭镲面上面直接用就好了，首先在模板里面加上HTML代码<viewer :images="arrayList"><imgv-for="(src,index) in arrayList":src="src":key="index"class="pro-img"></viewer>这里的【arrayList】是使用者自己定义的一个数组，这里特别的主意一定要是变量，如果你的图片后台返回的不是一个变量，你就需要自己把它进行一个组装成数组就好了，图片给的是我目前在使用的代码，大家看的时候要结合起来一起理解一下
5、好了，到这里就们就实现了点击图片放大的功能了！
