Vue.js动态绑定图片：使用:src属性实现图片切换

<template>
  <div>
    <img :src='imageUrl' alt='My Image'>
  </div>
</template>
<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/my-image.jpg'
    }
  }
}
</script>
<p>在上面的示例中，我们使用了一个data属性<code>imageUrl</code>来存储图片的URL地址，并使用Vue的绑定语法<code>:src</code>来将它绑定到<code>img</code>标签的<code>src</code>属性上。</p>
<p>这样做的好处是，我们可以在Vue实例中动态地修改<code>imageUrl</code>的值，从而切换显示不同的图片。例如，我们可以通过一个按钮或下拉菜单，让用户选择不同的图片来显示。</p>