Vue Image Youju 是一個基于 Vue.js 開發的圖片預覽插件，它支持多種圖片預覽方式，包括單張圖片預覽和多張圖片預覽，還支持拖拽上傳和壓縮圖片等功能。

想要使用 Vue Image Youju，首先需要在項目中引入該插件：

import VueImageYouju from 'vue-image-youju'
Vue.use(VueImageYouju)

接著，在需要預覽圖片的組件中調用 Vue Image Youju：

<template>
<div>
<img src="https://picsum.photos/200/300" @click="previewImage('https://picsum.photos/200/300')">
<img src="https://picsum.photos/200/300" @click="previewImage('https://picsum.photos/200/300', true)">
</div>
</template>
<script>
export default {
methods: {
previewImage(url, isMultiple) {
this.$previewImage(url, isMultiple)
}
}
}
</script>

在組件中使用 $previewImage 方法即可調用預覽圖片的功能，第一個參數是要預覽的圖片的 URL，第二個參數是一個布爾值，用于指定是否支持多張圖片預覽。

如果要使用拖拽上傳和圖片壓縮功能，需要引入額外的依賴：

import VueImageYouju from 'vue-image-youju'
import 'cropperjs/dist/cropper.css'
import Cropper from 'cropperjs'
Vue.use(VueImageYouju, { Cropper })

Vue Image Youju 是一個功能豐富、易于使用的圖片預覽插件，無論是在項目中還是在個人項目中都是不錯的選擇。