vue中img标签的使用

在Vue中，`<img>`标签用于插入图片，并且可以直接绑定数据源来显示不同的图像。基本语法如下：

<img :src="imageSource" alt="图片描述">

在这里，`:src`是Vue的绑定指令，它将`imageSource`变量的值与图片URL关联起来。当`imageSource`的值改变时，图片会自动更新为其新的URL。

为了更好地控制图片加载和错误处理，你可以使用`v-if`和`v-bind:src`结合，或者使用`vue-image-loader`这样的插件：

<img v-if="loaded" :src="imageUrl" alt="图片描述">
<!-- 或者 -->
<template>
  <img :src="imageUrl" alt="图片描述" :lazy-src="imageUrl" :error-src="fallbackImage">
</template>

在这里，`v-if`可以防止未加载的图片立即渲染，`:lazy-src` 和 `:error-src`则是懒加载和加载失败时的备用图片。