vue如何引入图片呢？对于新手来说，每次引入图片都是一件难事，为什么图片显示不出来？路径不对吗？教你Vue项目中如何引入图片资源。
vue3.0 如何引入图片资源？-QUI-Notes
关于引入图片资源我总结了三种办法：

1.静态图片引入方式 “@/”，此方法可以用来引入静态logo图片！

<img src="@/assets/logo.png" alt="***logo">

2.require动态加载图片资源

<img :src="imgSrc" alt="">
data () {
    return {
      imgSrc: require('@/assets/logo.png'),
    }
}

3.import组件方式引入

<img :src="imgSrc" alt="">
import  logoS from '@/assets/logo.png'
...
data () {
    return {
      imgSrc: logoS,
    }
}

我的vue环境是3.06版本，有可能你尝试的方法和版本不一样导致失效！可以多尝试几种方法。毕竟版本的更替很容易导致一些方式失效！