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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
