vue如何解决watch和methods值执行顺序问题

<GroupTransform
            :is-show.sync="selectPeopleDialogVisible"
            @callback="getSelectedPeople"
        ></GroupTransform>

watch: {
        selectGroupRight: {
            handler(val) {
            },
            deep: true,

        },
    },
methods:{
getSelectedPeople(){},
}

confirm() {
            this.$emit('input', this.rightGroups);
            this.$emit('callback');
        },

 // options
    if (options) {
      this.deep = !!options.deep
      this.user = !!options.user
      this.lazy = !!options.lazy
      this.sync = !!options.sync
    } else {
      this.deep = this.user = this.lazy = this.sync = false
    }
  ......
 /**
   * Subscriber interface.
   * Will be called when a dependency changes.
   */
  update () {
    /* istanbul ignore else */
    if (this.lazy) {
      this.dirty = true
    } else if (this.sync) {
      this.run()
    } else {
      queueWatcher(this)
    }
  }

watch: {
        selectGroupRight: {
            handler(val) {},
            deep: true,
            sync: true,
        },
    },