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

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版本,有可能你尝试的方法和版本不一样导致失效!可以多尝试几种方法。毕竟版本的更替很容易导致一些方式失效!