Vue父子组件通过props异步传输数据问题

 使用watch  deep: true 的深度监听解决vue 父子组件通过props异步传输数据问题

<!--
  - Copyright © 2019-2020 LiuDanYang. All rights Reserved.
  -->

<template>
  <div>
      <img :src="src" alt="avatar" />
  </div>
</template>

<script>
export default {
  name: "UploadImage",
  props: {
    img: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      src: ""
    };
  },
  watch: {
    img: {
      deep: true,
      handler(nv, ov) {
        this.src = nv;
      }
    }
  },
  created() {
    this.src = this.img;
  }
};
</script>