vue3 使用import使用动态图片

在 Vue3 中，可以使用 `import` 语句引入动态图片。具体步骤如下：

1. 在 `src` 目录下创建一个 `assets` 目录，用于存放图片文件。

2. 在需要使用图片的组件中，使用 `import` 语句引入图片。例如：

import myImage from '@/assets/my-image.png'

3. 在组件中，使用 `img` 标签显示图片。例如：

<template>
  <div>
    <img :src="myImage" alt="My Image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      myImage: myImage
    }
  }
}
</script>

在上面的代码中，通过 `:src` 绑定了 `myImage` 变量，该变量指向了引入的图片。这样，就可以在页面中显示动态图片了。