是否可以从布局中的组件监听事件

Question

例如，有一个Header组件，然后将其导入layout / main.vue。

然后，您在Header组件中创建了一个类似于this.$emit('fromHeader', { //somevalue }的方法。

这是我的问题。您具有pages / index.vue，并且使用main.vue作为布局。是否可以从pages / index.vue中的Header组件监听fromHeader事件？ 我已经尝试过了，但是看来我们做不到。如果是这样，如果您想从布局中的组件监听事件，那将意味着什么？

我想知道我应该只将Header组件导入pages / index.vue中，还是不要使用布局来做到这一点。

Answer 1

您只能在发出事件的组件的父级中侦听Vue事件。在您的示例中，main.vue是Header的父级。 index.vue可以侦听main.vue发出的事件，但不能侦听Header发出的事件。

请参见VueJs 2.0 emit event from grand child to his grand parent component