web-dev-qa-db-ja.com

Vue 3コンポジションAPI-watchEffectとwatch

したがって、Vue合成APIを学習していて、 "watchEffect"と "watch"の違いは何か疑問に思っていました。WatchはVue = 2時計なので、watchEffectは2.0のようだと思いますか？watchEffectを停止してから再度アクティブにする代わりに、watchEffectを再起動する場合など、特定のケースが他よりも優れていると思いますか？通常の時計でブール値を使用する...または同じものを書くための基本的に異なる方法です。

ありがとう！

参照：

watcheffect： https://vue-composition-api-rfc.netlify.com/api.html#watcheffect

ウォッチ： https://vue-composition-api-rfc.netlify.com/api.html#watch

vue.jswatchvue-composition-api
5
Ruttyj

私は使うだろう：

  • watchEffect複数のリアクティブプロパティを監視し、古い値を気にしない場合
  • watch 1つの特定の反応特性を監視したい場合、古い値が必要な場合があります

上記は私がそれらを使用するものですが、それらの唯一の使用法ではないかもしれないことに注意してください。

違いに関するドキュメントにもあります：

Compared to watchEffect, watch allows us to:

Perform the side effect lazily;
Be more specific about what state should trigger the watcher to re-run;
Access both the previous and current value of the watched state.

ソース： https://composition-api.vuejs.org/api.html#watch

1
Liang Zhou