vue3+ts实现图片预览功能

首先，需要创建一个Vue组件，用于显示图片和预览图。

在父组件中使用这个图片预览组件。

在父组件中，通过遍历images数组，将每个图片的路径传递给ImagePreview组件的imageSrc和previewSrc属性。

当用户将鼠标悬停在图片上时，@mouseover事件会触发showPreview方法，将previewVisible的值设为true，从而显示预览图。

当用户将鼠标移出图片时，@mouseout事件会触发hidePreview方法，将previewVisible的值设为false，从而隐藏预览图。