Cómo llama vue a los componentes públicos de vue

La comunicación entre componentes de vue utiliza v-bind en la página del componente principal: o: para pasar datos al componente secundario, y el componente secundario obtiene el valor pasado por el componente principal a través de accesorios.

Vuex es un método común cuando los componentes anidados de varios niveles necesitan pasar datos. Sin embargo, si solo estás transfiriendo datos sin procesamiento intermedio, el procesamiento con vuex es un poco engorroso. En esta versión 2.4, proporcionamos otro método: $attrs;

Ejemplo:

Pasamos cinco atributos al componente hijo hijo, y luego el componente hijo hijo pasa las cuatro propiedades que son pasado al componente nieto (el componente nieto no hace más que pasarlo). Los cuatro atributos pasados ​​de un componente secundario a un componente secundario se pueden usar con v-bind=$attrs.

En pocas palabras, los $attrs de un componente secundario que use interitAttrs: false no se representarán como atributos html en el elemento raíz, lo que impedirá la modificación del atributo html con el mismo nombre.

Utiliza este método. Utilice $emit('nombre de evento personalizado', datos) en la página del componente secundario; pase los datos al componente principal, y el componente principal obtiene los datos a través de @customeventname="eventhandlingmethodname" o v-on: customeventname="eventhandlingmethodname" para obtener El valor pasado por el componente secundario.

Si muchos componentes llaman a un componente común y generan diferentes eventos personalizados, puede usar $listeners para decidir qué evento personalizado activar según el evento llamado por el componente principal.

EventBus también se denomina bus de eventos. En Vue, EventBus se puede utilizar como un concepto de puente de comunicación, como si todos los componentes compartieran el mismo centro de eventos y pudieran registrarse para enviar o recibir eventos. Por lo tanto, todos los componentes pueden notificar a otros componentes en paralelo, pero es demasiado fácil de usar y puede causar desastres que son difíciles de mantener si no se tiene cuidado. Por lo tanto, necesitamos un mejor Vuex como centro de gestión estatal para elevar el concepto de notificaciones al nivel de disfrute del estado. Más EventBus

Sitio web oficial de Vuex

Vuex implementa un flujo de datos unidireccional almacenando globalmente el estado de los datos. Cuando un componente quiere cambiar el estado de los datos, debe hacerlo mediante mutaciones. Las mutaciones también proporcionan un patrón de suscriptor para que los complementos externos llamen para obtener actualizaciones de los datos estatales. Pero cuando todas las operaciones asincrónicas (comúnmente conocidas como interfaces de back-end obtienen datos actualizados de forma asincrónica) o las operaciones de sincronización por lotes requieren Acción, pero la Acción no puede modificar directamente el estado, aún necesita modificar los datos de estado mediante mutación. Finalmente, en función del cambio de estado, se presenta a la vista.

Introducción al sitio web oficial de aprovisionamiento/inyección

Vue 2.2.0 agregó esta API. Este par de opciones deben usarse juntas para permitir que un componente ancestro inyecte una dependencia en todos sus componentes descendientes; no importa cuán profundo sea el nivel del componente, la dependencia permanecerá vigente siempre que se establezcan sus relaciones ascendentes y descendentes. Si está familiarizado con React, esto es muy similar a la función de contexto de React.

Provide/injectAPI resuelve principalmente problemas de comunicación entre componentes de niveles cruzados. El sitio web oficial proporciona instrucciones muy detalladas, que se muestran directamente aquí.

Puedes ver lo siguiente en la Figura 8-1. $children obtiene una matriz vue real.

Como se muestra en la Figura 8-2, this.$parent obtendrá directamente la instancia principal.

Como se muestra en la Figura 8-3, esto devuelve el objeto registrado con ref.

SessionStorage y localStorage también pueden comunicarse, pero es necesario monitorear el almacenamiento para detectar cambios. ¿Cómo monitorear los cambios de almacenamiento? Este artículo ya se ha escrito antes y no lo repetiré aquí.

Seis formas de comunicarse entre componentes de Vue

¿Cómo llama Vue a los métodos internos de los componentes dinámicos?

El método interno para que vue llame a componentes dinámicos es importar el código fijo en la subpágina, agregar el gradiente correspondiente y nombrarlo, y generar el componente dinámico como parámetro. Hay un archivo js. que necesita llamar al método en el método interno de vue, puede pasar métodos en vue como parámetros.

El método de operación específico son los métodos: {animation(){?} .aaa().

jsmethod(homeThis.animation)}} .

function.jsmethod(animation).if(animation){animation();}}.

¿Cuáles son las precauciones para desarrollar componentes públicos en vue?

La característica principal de los componentes de **** públicos es que se pueden reutilizar, reduciendo así el número de pases

¿Cómo funciona la modularidad de vue con js en paquetes públicos?

¿Usando componentes en Vue.js#? Descargue el último vue$?npm?install?vuejs?reference?vue.js para iniciar el código y sentir la poderosa función de enlace de datos bidireccional de vue.{{?｝

¿Cómo funciona el marco de vue? ¿trabajar?

Las ventajas operativas del marco vue: tamaño pequeño; alta eficiencia operativa; realización de enlace de datos bidireccional, lo que permite a los desarrolladores dedicar su energía a la lógica empresarial.

Ya existen muchas; basado en Los componentes maduros y estables del marco vue pueden lograr efectos más rápidamente. El modelo MVC divide el software en las siguientes tres partes:

1 Vista: interfaz de usuario,

. 2. Controlador: lógica de negocio,

3. Modelo: almacenamiento de datos.

El principio de funcionamiento entre ellos es: la vista obtiene instrucciones de modificación de retroalimentación y las transmite a la consola. Una vez que la consola obtiene las instrucciones y se completan las modificaciones, se envía al modelo. retroalimentación, la renderiza y la entrega a la vista.

¿Cómo obtener componentes en las pruebas unitarias de Vue?

La forma en que Vue obtiene los componentes de la unidad es localizarlos a través del atributo ref Primero, defina un valor de nombre en el componente y luego obtenga la información del componente a través de ref en Vue.