vue中img的src属性绑定问题

最近发现一个问题 , img的src直接写图片地址，可以正常渲染，但是用:src写的时候，图片就加载失败了

比如 , 我这样写 , 图片是能出来的 

 <img  src="@/assets/images/1.png" alt="">

但是我写成 : src  , 图片就裂开了

<img :src="'@/assets/images/1.png'" alt="">

 

解决方法

  :src里配置成变量  , 用require引入图片地址

 <img  :src="imgURL">



 data() {
      return {
       
        imgURL: require("@/assets/images/1.png")

      }
    },