Vue 中实现图片预加载

看这个时需求先看看：https://blog.csdn.net/Tom__cy/article/details/90234108 -----能够加快理解

 

解析代码: HTML：  img 标签为背景图， loading 图， P 标签为显示的百分比， 
	
	JS： imgArr 为 所有的图片信息 ， 
			imgCount： 为动态的显示百分比

Vue的生命周期： mounted ，在页面加载完成时执行 loading 函数，

	在methods ：中执行方法：   先将data 中的数据写到methods 中( 本人比较懒， 不想调用this ) 
		然后对所有的imgArr 进行遍历 ，  最后  image.onload 方法 ， 代码在下面

这里面有个小坑， 就是图片动态加载时， 需求添加require ， 用require 标签包裹下 ，   下面是图片   ，：：：：： 和img 图片路径