Watcher Without Cleanup (ARCH3322)

Anahtar typescript.vue.watcher-cleanup · Önem warning · Kategori performance

Vue: zamanlayıcı, dinleyici ya da abonelik başlatıp temizleme geri çağırması veya onScopeDispose kullanmayan watch/watchEffect’i işaretler; bileşenden uzun yaşar.

Yanlış

watch(roomId, id => {
  socket.subscribe(id, onMessage);
});

Doğru

watch(roomId, (id, _, onCleanup) => {
  socket.subscribe(id, onMessage);
  onCleanup(() => socket.unsubscribe(id, onMessage));
});