如何从子级到父级接收$发出的数据？

Question

从子组件中，我发出了一个事件fetchtab，以及一些data，就像那样：

this.$emit('fetchtab', data);

我希望将data分配给我父组件的currentData道具（根组件）。

data: {
    currentData: {}
}

此data是一个对象数组。我需要在父组件中迭代该数组：

<ul>
    <li v-for="item in currentData">@{{ item.name }}</li>
</ul>

但我无法弄清楚如何填写currentData。我知道我可以使用a）@fetchtab="myMethod"或者b）this.$on('fetchtab', fn)

但我在哪里以及如何使用它？

Answer 1

您需要在父组件中编写@fetchtab事件：

<parent-component @fetchtab="myMethod"></parent-component>

有关详细信息，请查看Reference。