Bagaimana untuk menyelesaikan masalah pemindahan nilai bersama antara subkomponen vue3

Sub-komponen Vue3 menghantar nilai antara satu sama lain

1 Rujukan sarung tangan perpustakaan pihak ketiga

npm install mitt

2. Buat folder utils dalam folder src projek, dan buat mitt.js dalam utils , kod dalam mitt.js adalah seperti berikut:

import mitt from "mitt";
export default new mitt();

3 Contoh: Komponen A menghantar nilai kepada komponen B

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

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

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

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

Vue menghantar nilai antara komponen yang berbeza <.>

Gunakan contoh Vue kosong untuk menghantar nilai melalui $emit, $on.

rreeee

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah pemindahan nilai bersama antara subkomponen vue3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!