Как отловить изменение(получить старый props и новый) во Vue?

Question

[danilr]

Задача в следующем - нужно при изменении определённого props ('title') выполнить метод 'handleChangeTitle'.
Как это сделать? В updated() я не могу его выполнять, поскольку будет при любом изменении состояния срабатывать или других пропсов.
Хотелось бы вариант аналогичный как в React -

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

Как одновременно получить новый и старый проп для сравнения? Какой аналог этого есть во Vue?

Answer 1

[Ильдус Сираев]

Попробуй так:

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

Comments

[eugenedrvnk]

Есть ли смысл в повторной проверке через if? Вероятно же, что watch не будет триггериться если ничего не изменяется.

[Ильдус Сираев]

eugenedrvnk, Да, вы правы. Просто скопировал пример автора, и адаптировал, не подумав)
Спасибо!)

[danilr]

Спасибо, не меняйте ничего а ответе)