[Vuejs]-Updating a data attribute from a changed prop in a VueJS component that extends another component

Set a watcher on values and update the query in that:

watch: {
  values() { // called anytime this.values changes
    this.query = this.values;
  }
}