[vue] props-子组件修改父组件的传入值

今天在开发中遇到一个问题，父组件给子组件传值，使用了props，需要子组件修改父组件传入的值后告诉父组件值变成了多少。
经查可以使用.sync修饰符
父组件

      <form-comp :view-value.sync="userInfo" />

子组件

<script>
export default {
  name: 'FormComp',
  props: {
    viewValue: {
      type: Object,
      default: null,
      required: true
    }
  },
  data() {
    return {
      user: this.viewValue
    }
  },
  watch: {
    user: {
      handler: function(newValue) {
        this.$emit('update:view-value', newValue)
      },
      deep: true  //要watch一个object需要用deep属性
    }
  }
}
</script>

搞定~