如何在Vue.js中加载图像，一旦路径加载而不显示它们？

<template>
  <div>
    <img v-if="isLoaded" v-bind:src="imagePath" alt="Image">
    <div v-else>Loading...</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imagePath: 'path/to/image.jpg',
      isLoaded: false
    };
  },
  mounted() {
    // 模拟加载图像的过程
    setTimeout(() => {
      this.isLoaded = true;
    }, 2000);
  }
};
</script>