Vue에서 이벤트버스가 머리가 아프다고요?내가 도와줄게.

말을 많이 하지 않고 직접 건더기를 올리다
현존 통증
  • 형제 구성 요소의 실행 방법을 간단하게 알려주기 위한 이벤트 게시 구독을 원하십니까?
  • 이벤트bus를 도입한 후에도 매번 수동으로 마운트 해제(off)를 호출하는 데 골치가 아프십니까?
  • 당신은 여러bus의 [pub,sub], [$on, $emit], [fire,listen]balabala의 일련의 방법 이름을 생각하기 위해 아직도 머리가 아픕니까?

  • 만약 위쪽이 당신의 아픔이라면, 오늘부터 당신은 Vue로 행복한 날이 왔습니다.
    vue-event-proxy
    최소한의 대가를 통해 당신의 Vue는 전역 이벤트를 지원합니다. 전역 알림이 필요할 때 global: 접두사를 추가하면 전역 이벤트 발표를 완성할 수 있습니다. 간단합니까?
        this.$emit('global:      ');

    발표가 있는데 감청은요?
        this.$on('global:      ', () => {});

    어때요?사건 이름 앞에 global:를 붙인 것 외에는 달라지지 않았는지, 아직 Vue의 내용을 모르면 내가 준비해 줄게공식 문서.
    사용법
    $ npm install --save vue-event-proxy

    프로젝트의 주 입구 (vue-cli에서 생성한main.js) 에 추가하기:
      import EventProxy from 'vue-event-proxy';
      Vue.use(EventProxy);

    이제 마음껏 사용하세요.
    만약 이 실현에 대해 흥미가 있다면 소스 주소드립니다.

    좋은 웹페이지 즐겨찾기