vue图片如何动态赋值？

Question

界面如下：

我这样写是没问题的：

<img src="../../assets/images/default/img.png">

这样写就有问题，为什么呀？

<img :src="logo">

return{
    logo:"../../assets/images/default/img.png"
}

Answer 1

路径改为

logo:require('../../assets/images/default/img.png')

Answer 2

<script>
    import logo from '../../assets/images/default/img.png'
    ...
    return {
        logo
    }
</script

或者

return {
    logo: require('../../assets/images/default/img.png')
}