Ví dụ Vue 2.0 không phải là sự kiện nghe được phát ra bởi các thành phần vue-router

Question

Tôi đang sử dụng Vue 2.0-rc.6 (mới nhất tại thời điểm này) và Vue-router 2.0-rc.5 (mới nhất tại thời điểm này).

Tôi đã cố gắng thực hiện this.$emit('custom-event') trong một trong các thành phần bộ định tuyến của mình và this.$on('custom-event',() => { console.log('I heard an event') }) trong ví dụ Vue của tôi nhưng sự kiện không được nghe. Bản thân thành phần bộ định tuyến đã nghe sự kiện nhưng không phải là phiên bản Vue.

Bất kỳ ý tưởng nào?

Kiểm tra số jsfiddle này.

Answer 1

Nhờ LinusBorg trong http://forum.vuejs.org/topic/5235/vue-2-0-instance-is-not-hearing-events-emitted-by-vue-router-components/2 để chỉ ra rằng sự kiện từ $ emit không được truyền sang phiên bản gốc.

Tôi đã không làm cho nó hoạt động mặc dù bằng cách sử dụng các giải pháp được đề xuất bởi LinusBorg. Thay vào đó, tôi đã làm cho nó hoạt động bằng cách thực hiện this.$router.app.$emit('eventname')

Answer 2

Sự kiện từ $ emit không được truyền sang phiên bản gốc. Cha mẹ phải tích cực lắng nghe nó trên các thành phần trong mẫu

<router-view @eventname="callbackMethod">