Vue中图片图片加载失败性能优化

场景：基本上我们项目中的图片都是通过后台传过来我们再渲染到dom上面，但是app一旦上线之后呢，如果后台报错，我们接收不到图片，就会对用户有不好的体验感。

<img :src="imgUrl" @error="handleError" alt="">
<script>
export default{
  data(){
    return{
      imgUrl:''
    }
  },
  methods:{
    handleError(e){
      e.target.src=reqiure('图片路径') //这边可以填充一个通用的报错图片
    }
  }
}
</script>