vue3 页面中动态src

在Vue3中，可以通过使用`v-bind`或简写的冒号语法来动态绑定`src`属性。例如：

<template>
  <img :src="imageUrl" alt="dynamic image">
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'static/image.png'
    }
  },
  mounted() {
    // 在mounted钩子中，可以修改imageUrl的值来动态改变图片路径
    this.imageUrl = 'static/another-image.png'
  }
}
</script>

在上面的例子中，我们使用了`:src`来绑定`src`属性，然后在`data`中定义了一个`imageUrl`变量作为初始值。在`mounted`钩子中，我们可以修改`imageUrl`的值来动态改变图片路径。