Detaillierte Erläuterung des Falls, in dem eine untergeordnete Vue-Komponente die Methode der übergeordneten Komponente aufruft

<!-- Übergeordnete Komponente -->
<Vorlage>
	<div>
		<Kind></Kind>
	</div>
</Vorlage>
<Skript>
importiere Kind aus „~/components/dam/child“;
Standard exportieren {
	Komponenten:
		Kind
	},
	Methoden: {
		VaterMethode() {
			Konsole.log('Test');
		}
	}
};
</Skript>

<!-- Untergeordnete Komponente -->
<Vorlage>
  <div>
    <button @click="childMethod()">Klick</button>
  </div>
</Vorlage>
<Skript>
  Standard exportieren {
    Methoden: {
      Kindmethode() {
        dies.$parent.fatherMethod();
      }
    }
  };
</Skript>

<!-- Übergeordnete Komponente -->
<Vorlage>
	<div>
		<child @fatherMethod="fatherMethod"></child>
	</div>
</Vorlage>
<Skript>
importiere Kind aus „~/components/dam/child“;
Standard exportieren {
	Komponenten:
		Kind
	},
	Methoden: {
		VaterMethode() {
			Konsole.log('Test');
		}
	}
};
</Skript>

<!-- Untergeordnete Komponente -->
<Vorlage>
	<div>
		<button @click="childMethod()">Klick</button>
	</div>
</Vorlage>
<Skript>
Standard exportieren {
	Methoden: {
		Kindmethode () {
			dies.$emit('Vatermethode');
		}
	}
};
</Skript>

<!-- Übergeordnete Komponente -->
<Vorlage>
	<div>
		<child :VaterMethode="VaterMethode"></child>
	</div>
</Vorlage>
<Skript>
importiere Kind aus „~/components/dam/child“;
Standard exportieren {
	Komponenten:
		Kind
	},
	Methoden: {
		VaterMethode() {
			Konsole.log('Test');
		}
	}
};
</Skript>

<!-- Untergeordnete Komponente -->
<Vorlage>
	<div>
		<button @click="childMethod()">Klick</button>
	</div>
</Vorlage>
<Skript>
Standard exportieren {
	Requisiten: {
		Vatermethode: {
			Typ: Funktion,
			Standard: null
		}
	},
	Methoden: {
		Kindmethode () {
			wenn (diese.Vatermethode) {
				diese.vaterMethode();
			}
		}
	}
};
</Skript>