vue子组件怎么拿到父组件props传入的数据

在 Vue.js 中，子组件可以通过 `props` 属性接收父组件传递的数据。以下是一些方法来获取父组件传入的数据：

1. 在子组件的 `props` 对象中声明需要接收的属性。例如，如果父组件传递了一个名为 `message` 的属性，可以在子组件中这样声明：

props: {
  message: {
    type: String, // 数据类型可以根据实际情况进行修改
    required: true // 如果希望父组件必须传入该属性，可以设置为 true
  }
}

2. 子组件就可以像访问本地数据一样使用 `this.message` 来获取父组件传入的数据。

3. 父组件可以通过给子组件标签添加属性来传递数据。例如：

<template>
  <div>
    <child-component :message="parentMessage"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello from parent component'
    };
  }
};
</script>

在上面的示例中，父组件通过`:message="parentMessage"`将 `parentMessage` 的值传递给了子组件的 `message` 属性。

请注意，父组件的数据是通过单向数据流的方式传递给子组件的，子组件不能直接修改父组件的数据。如果需要修改父组件的数据，可以通过触发父组件中的事件来实现。
Hope this helps! 如果还有其他问题，请随时提问。