//直接写路径 3中都行
<img src="~@/assets/logo.png" alt=""> <!--推荐这种-->
<img src="~assets/logo.png" alt="">
<img src="@/assets/logo.png" alt=""> <!--有的情况不能显示-->

//绑定：
<img :src="require('./assets/images/03.jpg')" alt="">
// 三元绑定
<img :src="OnOff?require('@/assets/icon_bluecore.png'):require('@/assets/icon_core.png')" alt="" />

//引入
import radio1 from "@/assets/images/icon_radioon.png";
data() {
    return {
      imgUrl1:'../../static/logo.png'
      imgUrl2:require('./assets/logo.png')
      activeIcon: radio1,
    };
  },
<img class="img-icon" :src="activeIcon" />

<img :src="imgUrl1">

<img :src="imgUrl2">

<img src="~@/assets/logo.png" alt="">
 
<li v-for ="item in images" :key="i">
    <img :src="item" alt="">
</li>
 
images: [
   { src: require('@/assets/images/icon_banner.png1')},
   { src: require('@/assets/images/icon_banner2.png')},
],
路径拼接：:src=" baseUrl+imgurl "
created(){this.baseStatic = BaseApi.baseStatic}

背景图
background: url('~@/assets/images/quanbg.png') no-repeat center;