Vue의 이벤트버스 분석

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

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

• 이벤트버스를 도입하고 매번 수동으로 호출해야 하는데 아직도 머리가 아프신가요?

• 아직도 다양한 버스에 대한 [pub, sub], [$on, $emit], [fire, listening] 발라발라 일련의 메소드 이름을 고민하고 계시나요?

• 위 내용이 문제라면 오늘 Vue를 사용하여 행복한 하루를 시작하세요.

vue-event-proxy

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:

사용 방법

rrreee

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

rrreee

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

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

관련 추천:

Debounce 기능과 Throttle 기능의 구현 원리

Node의 HTTP 코어 모듈에 대한 심층적인 이해

위 내용은 Vue의 이벤트버스 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!