Heim  >  Artikel  >  Web-Frontend  >  So lösen Sie das Problem der gegenseitigen Wertübertragung zwischen vue3-Unterkomponenten

So lösen Sie das Problem der gegenseitigen Wertübertragung zwischen vue3-Unterkomponenten

PHPz
PHPznach vorne
2023-05-17 20:19:041350Durchsuche

Vue3-Unterkomponenten übertragen Werte untereinander.

.js lautet wie folgt:

npm install mitt

3. Beispiel: Komponente A übergibt Werte an Komponente B

import mitt from "mitt";
export default new mitt();
//在组件A中引入
import mitt from "@/utils/mitt";

//调用传值
mitt.emit("mittClick", "数据数据数据");

vue Verschiedene Komponenten übergeben Werte aneinander

Verwenden Sie eine leere Vue-Instanz, um Werte zu übergeben, übergeben Sie einfach $emit, $ An.

//在组件B中引入
import mitt from "@/utils/mitt";

//接收传值
mitt.on("mittClick", (val) => {
    console.log(val)//数据数据数据
})

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der gegenseitigen Wertübertragung zwischen vue3-Unterkomponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:yisu.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen