Red de conocimiento informático - Problemas con los teléfonos móviles - Una revisión de los métodos de transferencia de valor para los componentes padre-hijo de Vue (seis métodos)

Una revisión de los métodos de transferencia de valor para los componentes padre-hijo de Vue (seis métodos)

1. Accesorios

Subcomponente:

? Props: ["name"]

Componente principal:

2.$parent

El componente secundario recibe:

Esto. $parents.msg//Este mensaje es el mensaje del componente principal.

3. Inyección de dependencia

Propiedades y métodos expuestos a componentes descendientes a través de componentes padres.

Componente principal:

? data(){

Regresar{

Nombre: "Nombre del padre"

? }

? },

Proporciona: function(){

Devuelve {

getName: this.name

? }

}

El subcomponente recibe:

Inyección: ["getName"]

1.emit

Eventos personalizados

Componentes

this. $emit("increment","Soy un subcomponente")//incremento: ¿algún nombre de evento personalizado? El segundo parámetro son los datos pasados ​​por valor.

Componente principal

? Método: {

f1(data){

Console.log(data)//Imprimir "Soy un componente secundario"

? }

? }

2. Referencia

Componente

? data(){

Devolver {

Nombre: "Soy un componente secundario"

? }

}

Componente principal

? Método: {

? este. $refs.child_id.nombre? //Este nombre es el nombre del componente secundario.

}

3. El método definitivo

Utilice herramientas de gestión de estado, como Vuex.