Vue: Vue no llama al observador cuando cambia de accesorio antes de Destruir

Creado en 23 may. 2018 · 3Comentarios · Fuente: vuejs/vue

Versión

2.5.16

Enlace de reproducción

https://jsfiddle.net/86s8qufj/

pasos para reproducir

Enlace de reproducción abierto
Consola abierta
Haga clic en el botón "Alternar componente de prueba".
Esto crea TestComponent para usted.
Intente cambiar algo en la entrada. Puede ver 'In testInfo watcher' en la consola, lo que significa que testInfo watcher ha llamado.
Haga clic en el botón "Alternar componente de prueba" nuevamente.
Esto destruye TestComponent.
En el gancho beforeDestroy cambio la propiedad 'testInfo'.
Pero solo puede ver 'In beforeDestroy' en la consola en lugar de 'In beforeDestroy' y 'In testInfo watcher'.

¿Lo que es esperado?

Espero que se llame al observador de la propiedad 'testInfo' cuando lo cambie en el gancho beforeDestory.

¿Qué está pasando realmente?

Cambio la propiedad 'testInfo' en el gancho beforeDestroy, pero el observador no llama.

Fuente

AndreasCag

Comentario más útil

Yo diría que sería bueno mencionarlo en la documentación, porque ahora hay "Llamado justo antes de que se destruya una instancia de Vue. En esta etapa, la instancia aún es completamente funcional".

senyaak en 23 may. 2018

👍4

Todos 3 comentarios

Además, si intenta registrar testInfo en un gancho destruido, verá un nuevo valor. Pero el Objeto debería ser destruido ...

senyaak en 23 may. 2018

beforeDestroy ocurre justo antes de derribar la instancia de Vue, por lo que es normal que los observadores no se activen, ya que lo harían una vez que se destruya la instancia (lo que invalida la mayoría de las funciones de observador).
Debe llamar al observador usted mismo en el gancho beforeDestroy lugar de cambiar los datos