How to catch change (get old props and new one) in Vue?

Question

Vue.js

The task is as follows - you need to execute the 'handleChangeTitle' method when changing a certain props ('title').
How to do it? In updated(), I can’t execute it, because it will trigger other props on any state change.
I would like an option similar to the one in React -

componentWillReceiveProps(nextProps) {
//тут сравниваем nextProps.title и this.props.title
 if(nextProps.title !== this.props.title) {
  this.handleChangeTitle()
}

How to get new and old prop at the same time for comparison? What is the equivalent of this in Vue?

Answer 1

Try like this:

watch: {
  title(newVal, oldVal) {
      if(newVal !== oldVal) {
           this.handleChangeTitle()
      }
  }
}