Principio del enlace de datos bidireccional en Vue
Principio de implementación: uso de monitoreo y análisis de datos combinado con el modelo de suscriptor, a través de Object.defineProperty () Los establecedores y captadores de las propiedades de escucha envían mensajes a los suscriptores cuando los datos cambian. Cuando los datos del suscriptor cambian, se activan las devoluciones de llamada de escucha correspondientes. Realizando así el enlace de datos bidireccional
Vue implementa principalmente el enlace de datos bidireccional a través de los siguientes cuatro pasos:
1. Implementar el observador de escucha: atravesar objetos de datos, incluidos los objetos de subatributos Propiedades y use Object.defineProperty() para agregar definidores y captadores a las propiedades. En este caso, asignar un valor al objeto activará el configurador y luego podrá escuchar los cambios de datos.
2. Implemente la compilación del analizador: analice las instrucciones de la plantilla de Vue, reemplace las variables en la plantilla con datos, luego inicialice la vista de página renderizada y vincule la función de actualización al nodo correspondiente a cada instrucción, agregando un suscriptor a escuche los datos y luego, una vez que los datos cambien, reciba notificaciones y llame a la función de actualización para actualizar los datos.
3. Implementar el monitor de suscriptor: el suscriptor Watcher es el puente de comunicación entre Observer y Compile. Su tarea principal es suscribirse al mensaje que cambia el valor del atributo en Observer. Cuando cambia, activa la función de actualización correspondiente en el analizador de compilación.
4. Implementar el departamento de suscriptores: el departamento de suscriptores utiliza el patrón de diseño de publicación-suscripción para recopilar observadores de suscriptores y administrar observadores de escucha y observadores de suscriptores de manera uniforme.
5.