Vue电商项目之放大镜插件的使用

1.插件名称

vue-photo-zoom-pro(点击查看具体参数)

查看------------------->demo

2.使用方法

npm install vue-photo-zoom-pro

3.在main.js中使用

import VuePhotoZoomPro from "vue-photo-zoom-pro";
Vue.use(VuePhotoZoomPro);

4.html中

 <div class="pic-box" style="width:500px;height:500px">
     <vue-photo-zoom-pro url="@/assert/logo.png"></vue-photo-zoom-pro>
 </div>

---