>  기사  >  웹 프론트엔드  >  vue3 하위 구성 요소 간의 상호 가치 전송 문제를 해결하는 방법

vue3 하위 구성 요소 간의 상호 가치 전송 문제를 해결하는 방법

PHPz
PHPz앞으로
2023-05-17 20:19:041351검색

Vue3 하위 구성 요소는 서로 값을 전송합니다

1. 타사 라이브러리 mitt

npm install mitt

2를 참조하여 프로젝트 src 폴더 아래에 utils 폴더를 만들고 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 서로 다른 구성 요소가 서로 값을 전달합니다.

값을 전달하려면 빈 Vue 인스턴스를 사용하고 $emit, $를 전달하면 됩니다. 에.

아아아아

위 내용은 vue3 하위 구성 요소 간의 상호 가치 전송 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 yisu.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제