vue 引入图片

[soonfy]

html

<img src="../assets/logo.png">

data + v-bind

<img :src="imgSrc">

data(){
  return {
    imgSrc: '../assets/logo.png'
  }
}

data + v-bind + import

<img :src="imgSrc">

import imgSrc from '@/assets/logo.png'
data(){
  return {
    imgSrc: imgSrc
  }
}

data + v-bind + static

图片放在 static 文件夹

<img :src="imgSrc">

data(){
  return {
    imgSrc: '../../static/logo.png'
  }
}

参考文章

Vue.js中的图片引用路径

soonfy