vue3动态图片怎么使用

在Vue3中，可以使用<img>标签来显示动态图片。如果要加载远程图片，可以使用src属性来指定图片的URL，例如：

<template>
  <div>
    <img :src="imageUrl" alt="动态图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg'
    }
  }
}
</script>

如果要加载本地图片，可以将图片放在public目录下，然后使用相对路径来指定图片的位置，例如：

<template>
  <div>
    <img :src="require('@/assets/image.jpg')" alt="动态图片">
  </div>
</template>

注意，使用require来加载本地图片时，需要使用@来表示src目录。同时，需要在vue.config.js文件中配置publicPath，将public目录映射到根目录下，例如：

module.exports = {
  publicPath: '/'
}