vue implementa el modo de compartir datos.

Vue es un modelo de desarrollo basado en componentes

En todo el árbol de componentes, la relación entre los componentes se muestra en la siguiente figura

Parent-. transferencia de componentes secundarios Los valores generalmente usan accesorios y eventos

Sin embargo, existen muchas soluciones sobre cómo pasar valores entre componentes no principales y secundarios

Generalmente. Se recomienda utilizar el sistema centralizado proporcionado por la herramienta de administración de estado vuex.

Sin embargo, esta solución puede ser demasiado engorrosa e incómoda de escribir. También es necesario introducir específicamente la biblioteca vuex para aumentar el volumen de empaquetado. proyecto

Utilice el modo de tienda para resolver el problema del intercambio de estado de datos entre componentes

El núcleo del modo de tienda es muy simple:

Defina un. objeto singleton global simple, que proporciona algunos datos Compartido entre componentes

Defina este objeto en el componente que debe usarse y configúrelo en el atributo de datos que necesita el componente A. para ser utilizado

Es necesario usar el componente B

Efecto:

Resumen:

La segunda forma es usar un. nueva instancia de Vue para transportar la función de datos compartidos. Los métodos, calculados, observados, etc. dentro de la instancia se pueden usar para monitoreo y control logarítmico.

Usado en el componente A

Usado. en el componente B

Efecto:

Resumen:

Dirección de nube de código