Vue 버스의 용도는 무엇입니까?

vue 버스 사용법: 1. "npm install vue-bus"를 통해 vue-bus를 설치합니다. 2. main.js에 vue-bus를 도입합니다. 3. "this.$bus.emit(...);" 구성 요소에서 다른 방법을 사용할 수 있습니다.

이 문서의 운영 환경: Windows 7 시스템, Vue2.9.6, Dell G3 컴퓨터.

뷰버스의 용도는 무엇인가요?

Vue에서 버스를 사용하는 방법:

사용법: 형제 구성 요소 간에 값 전송

설치:

npm install vue-bus

main.js에 vue-bus 소개

import Vue from 'vue';
import VueBus from 'vue-bus';
 
Vue.use(VueBus);

구성 요소에 사용됨:

A 구성 요소가 이벤트를 트리거함:

this.$bus.emit("parameterName",params)；

B 구성 요소가 이벤트를 수신함:

this.$bus.on("parameterName",function(value){
　　console.log(value)
});

구성 요소가 삭제될 때 이벤트 바인딩 해제:

destroyed:function(){
　　this.$bus.off("parameterName")
}

추천: " 최신 5개 vue.js 비디오 튜토리얼 선택》

위 내용은 Vue 버스의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!