Una revisión de los métodos de transferencia de valor para los componentes padre-hijo de Vue (seis métodos)
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.