Vue项目中如何正确引用图片地址

这样写是正确的

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

这样写是错误的

<img :src="logoSrc" >

export default {
    data () {
    return {
      logoSrc: './../assets/logo.png'
    }
  }
}

原因是：第一种写法放在模板里，webpack会把他解析成地址，而放在vue实例里。webpack只会把他解析成字符串
修正：

{src: require('../../assets/logo.png')}---即可以得到图片的地址