Vue 多图片预加载解决方案、未加载完会显示自定义区域（骨架屏）

1、解决页面图像造成页面白屏现象、可自定义图像未加载完毕，显示自定义区域，例如：骨架屏

2：预加载是这种状态

3：上代码，可直接复制粘贴，一键运行

<template>
  <div>
    <title>uh5 多图像预加载示例</title>
    <section id="app">

      <!-- 加载后(正常页面) -->
      <!-- 这里就是你要正常呈现给用户的页面元素 -->
      <div v-if="loaded">
        <div class="after-content">
          <!-- 失败的图片 -->
          <img :src="urls[0]">
          <!-- END -->
          <img :src="urls[1]">
          <img :src="urls[2]">
        </div>
        <div class="after-content">
          <img :src="urls[3]">
          <img :src="urls[4]">
          <img :src="urls[5]">
        </div>
        <div class="after-content">
          <img :src="urls[6]">
          <img :src="urls[7]">
          <img :src