vue3让图像显示在最前面请写个样例代码

以下是使用Vue3实现图像显示在最前面的示例代码：

<template>
  <div>
    <img :src="imageSrc" class="front-image">
    <img :src="backImageSrc" class="back-image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: 'path/to/front/image',
      backImageSrc: 'path/to/back/image'
    }
  },
  mounted() {
    this.$nextTick(() => {
      const frontImage = document.querySelector('.front-image');
      frontImage.style.zIndex = '999';
    });
  }
}
</script>

<style>
.back-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
</style>

在这个示例中，我们在Vue3的组件中使用了两个图像。其中一个是前景图像(front-image)，另一个是背景图像(back-image)。我们在样式中将背景图像的z-index设为-1，以确保它显示在最后面。在mounted钩子函数中，我们使用JavaScript将前景图像的z-index设为999，以确保它显示在最前面。