Vue img viewer 是一個方便的 Vue 圖片查看器，可以讓用戶輕松地查看和放大圖像。這個插件非常適合用于在線畫廊、相冊、電子商務網站等各種類型的網站。

在使用 Vue img viewer 的時候，您只需要簡單地定義一個包含圖片路徑的數組，然后將其傳遞給插件。

import VueImgViewer from 'vue-img-viewer'
export default {
components: {
VueImgViewer
},
data () {
return {
images: [
'path/to/image1.jpg',
'path/to/image2.jpg',
'path/to/image3.jpg'
]
}
}
}

在 HTML 中，您需要使用 Vue Img Viewer 組件來顯示圖像。

這里，您可以看到我們將 images 屬性和 options 屬性傳遞給了組件。您可以使用 options 屬性來配置各種選項，例如設置插件在點擊周邊區域時關閉等。

Vue Img Viewer 可以讓您通過鼠標滾輪或者雙擊來縮放圖像。您可以選擇自動或手動縮放，并且可以使用鍵盤或者手勢縮放。

總的來說，Vue Img Viewer 是一個非常棒的圖像瀏覽器，可幫助您讓您的網站更加美觀和易于使用。不要猶豫，趕快試試吧！