Vue의 이벤트버스 분석

본 글은 주로 참고할만한 가치가 있는 Vue의 이벤트버스 분석을 소개합니다. 문제점

단순히 이벤트를 게시하고 구독하여 형제 구성 요소에 메소드 실행을 알리고 싶나요?

이벤트버스를 도입하고 매번 수동으로 호출해야 하는데 아직도 머리가 아프신가요?
아직도 다양한 버스에 대한 [pub, sub], [$on, $emit], [fire, listening] 발라발라 일련의 메소드 이름을 고민하고 계시나요?
위 내용이 문제라면 오늘 Vue를 사용하여 행복한 하루를 시작하세요.

Vue가 최소한의 비용으로 글로벌 이벤트를 지원하도록 하세요. 추가만 하면 됩니다. 전역 알림이 필요할 때 전역 이벤트 게시를 완료하기 위한

global: 접두사 간단합니까?

    this.$emit('global:你的事件名字');

가 공개됐는데 모니터링은 어떨까요?

    this.$on('global:你的事件名字', () => {});

어때요? 이벤트 이름 앞에 global:을 추가한 것 외에는 변경된 사항이 없습니다. Vue의 이 부분을 이해하지 못하시는 분들을 위해 공식 문서를 준비했습니다. global:前缀即可完成全局事件发布，简单吗？

$ npm install --save vue-event-proxy

有发布，那么监听呢？

  import EventProxy from 'vue-event-proxy';
  Vue.use(EventProxy);

怎么样？是不是除了在事件名字前面加了global:

사용 방법

프로젝트의 기본 입구(vue-cli로 생성된 main.js)에 다음을 추가하세요.

rrreee

다음으로 마음껏 사용하세요.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!