vue 2 parent获取子组件数据

Question

我使用vue2来开发我的项目。

当组件安装（或挂载）时，它从vuex获取初始数据，并将其放入组件的数据中。用户单击该按钮后，将触发父方法。我需要获取孩子的数据。如何获得它？

父组件具有从子组件回调的句柄方法。子组件具有child2组件，该组件具有父组件所需的数据。

在html中：

<parent>
  <child>
    <child2></child2>
  </chlid>
</parent>

我需要用父方法处理child2的数据。父母的句柄方法是孩子的回调方法。

Answer 1

您可以使用$emit从子组件中调用父方法，并将要传递的变量传递给父方法。

有关详细信息，请查看此answer。

Answer 2

由于您正在使用Vuex，只需让孩子们执行更改状态的操作，并通过使用getter使父级对此类更改做出反应。有关最后一件事的更多信息：https://vuex.vuejs.org/en/getters.html

Answer 3

最后，我只是将数据从子节点移动到父节点。让孩子保持纯洁，并且有效。谢谢你的帮助。

Answer 4

你可以这样试试吗：

父组件：

<child @childReady="do()"></child>

export default {
    methods: {
        do() {
        }
    }    
}

子组件：

mounted() {
    this.$emit('childReady');
}