vue3+vite4 如何动态使用本地图片 setup写法

在 Vue3 + Vite4 中，可以使用 `import` 导入本地图片，然后将其传递给组件的 `setup` 函数。

以下是示例代码：

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

<script>
import myImage from '@/assets/my-image.png';

export default {
  setup() {
    const image = myImage;
    return { image };
  }
}
</script>

在上面的示例中，我们首先使用 `import` 导入本地图片 `my-image.png`，它位于 `src/assets` 目录中。然后，我们将该图片传递给组件的 `setup` 函数中的 `image` 变量，并将其返回作为一个响应式数据。

最后，在模板中，我们使用 `:src` 绑定 `image` 变量，以便将其作为图像的 `src` 属性值。

请注意，如果您使用的是相对路径，则需要在路径前面添加 `@` 符号来引用 `src` 目录。如果您使用的是绝对路径，则不需要添加 `@` 符号。