使用vue-piczoom插件實現放大鏡功能
*首先引入到項目中：下載安裝插件：npm i PicZoom --save
*在用到的頁面引入：import PicZoom from "vue-piczoom";
上代碼：
<pic-zoom :url="imgurl" :scale="3"></pic-zoom>
//：scale是放大的倍數
在data中用 require的方式引入圖片
我們來看效果圖：
出來是出來了，但是位置不太對，我想把放大后的圖顯示在右邊，於是我就去看了下它顯示的樣式。
這個class為mouse-cover-canvas 的就是它，我們可以對它進行css修改
我在當前這個頁面的css中寫了樣式，但是一點效果都沒有，其實不是樣式沒用，是我寫錯地方了，仔細看控制台的那張圖你會發現他是相對於#app進行定位的，所以我把樣式給寫到App.vue中果然就有效果了。
學習是一件需要堅持的事，加油哦
