图片放大镜的功能对于我们来说应该也不陌生，每当你使用淘宝京东等电商平台时，在打开商品详情时都会有放大镜查看详情的功能。在工作中，如果需要你来实现你会怎么实现呢？
重复造轮子，可以展现出你高超的前端技术，如果没有这个本事的时候，要你来完成会怎么做？很简单，利用现成以有的组件来实现，网上似乎这方面的资源也不是特别多，找起来也是能找到的，引入vue-piczoom，在使用图片img标签的地方替换成pic-zoomurl=""scale=""，url就是对应的图片地址，scale就是方法的比例。
如果想要看效果的话，按照如上的步骤即可实现。下一步就是精修一下css样式了，将放大的图片的位置放到右侧与原图水平的位置。其次如果鼠标放到图片上时图层覆盖的放大区域错位的话，需要实时计算margin-left的像素数。
希望上述的方法可以给你一个解决思路，如果有问题可以打在评论区里。
