1. サードパーティ ライブラリを参照します mitt
npm install mitt
2. プロジェクトの src フォルダーの下に utils フォルダーを作成し、 utils の mitt.js の場合、mitt.js のコードは次のとおりです:
import mitt from "mitt"; export default new mitt();
3. 例: コンポーネント A がコンポーネント B に値を渡す
//在组件A中引入
import mitt from "@/utils/mitt";
//调用传值
mitt.emit("mittClick", "数据数据数据");//在组件B中引入
import mitt from "@/utils/mitt";
//接收传值
mitt.on("mittClick", (val) => {
console.log(val)//数据数据数据
})空の Vue インスタンスを使用して値を渡します。$emit、$on を使用するだけです。
rree以上がvue3 サブコンポーネント間の相互値転送の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
