我有一组对象，这些对象可以使用来自CDN的图像进行可视化。 可以说我下面的数组中所有对象都有不同的图像。
[x, 1, 2, 3, 4, 5]
当我删除对象x时，vue重用了该组件并只是更新其中的数据。现在重新下载所有图像，因为组件x具有组件1的数据，1具有组件2的数据，等等。
我想知道是否存在某种平滑的方法，使得每次阵列发生变化时都不会一次又一次不重新下载所有图像。
编辑：用于问题的通用html
KittyContainer：
<div v-for="kitty in kitties">
<KittyComponent :kitty="kitty"/>
</div>
KittyComponent：
<div id="kittycomponent">
<img :src="'https://cdn.somekittyimgsite.abc/kitty/'+kitty.id+'.svg'">
</div>