导读 在Vue js项目中，`vue-preview` 是一款轻量级的图片预览插件，适合用于展示多图场景，比如电商详情页或相册功能。✨首先，通过npm安装插件
在Vue.js项目中，`vue-preview` 是一款轻量级的图片预览插件，适合用于展示多图场景，比如电商详情页或相册功能。✨
首先，通过npm安装插件：`npm install vue-preview --save` 📦。然后，在main.js中引入并注册：
```javascript
import VuePreview from 'vue-preview';
Vue.use(VuePreview);
```
使用时，只需定义一个包含图片链接的数组，例如：
```html
v-for="(item, index) in imgs"
:key="index"
:src="item.src"
@click="show(index)"
class="preview-img"
>
```
接着，在methods中配置 `show` 方法：
```javascript
methods: {
show(index) {
this.$refs.preview.show(index);
}
}
```
最后，别忘了在HTML中添加预览容器：
```html
```
这样，你就能轻松实现炫酷的图片预览效果啦！💡