vue子组件获取到的数据怎么传给父组件

在Vue中，子组件可以通过props获取父组件传递过来的数据。如果子组件需要修改这些数据并将其传递回父组件，可以通过在子组件中使用$emit方法触发一个自定义事件，并将需要传递的数据作为参数传递给该事件。在父组件中，可以通过在子组件标签上绑定自定义事件的监听器来接收这些数据。具体步骤如下：

1. 在子组件中定义一个props属性来接收父组件传递过来的数据，例如：

props: {
  message: String
}

2. 在子组件中定义一个方法来修改这些数据并触发一个自定义事件，例如：

methods: {
  updateMessage() {
    this.message = 'New message';
    this.$emit('message-updated', this.message);
  }
}

3. 在父组件中，在子组件标签上绑定自定义事件的监听器，例如：

<my-component v-on:message-updated="handleMessageUpdated"></my-component>

4. 在父组件中定义一个方法来接收子组件传递过来的数据，例如：

methods: {
  handleMessageUpdated(message) {
    console.log(message);
  }
}

这样，当子组件调用updateMessage方法时，会触发message-updated事件并将修改后的数据作为参数传递给父组件的handleMessageUpdated方法。父组件就可以在该方法中处理这些数据了。