Vue 在图片加载过程中遇到的问题

今天在编写 Vue 项目时，遇到了一个图片加载问题，觉得还是蛮重要的，所以记录一下
我之前一直以为 Vue 生命周期中的 mounted 是等所有资源加载完毕之后，再来执行，但是今天我在 moutend 方法中去获取图片资源的宽度和高度时，却总是取得高度和宽度为0，缓存之后获取到的宽度和高度又变成了正常值。上网查资料才知道是由于在 mounted 中图片资源的请求已经发送完成，但是图片资源的缓存还并未响应回来，所以在 mounted 中可以获取到图片，但是并不能获取到实际的资源数据。如果要对图片资源进行操作，应该在 img标签中使用 load 事件，通过 load 事件对应的方法来对图片资源进行操作。