vue父传子props传不过去

如果在 Vue 中父组件向子组件传递 props 值时出现问题，可以检查以下几点：

1. 确保 props 值在父组件中正确声明。

2. 确保子组件正确接收父组件传递的 props 值，可以在子组件中使用 `props` 属性声明需要接收的 props 值。

3. 确保父组件中传递的 props 值类型与子组件中声明的 props 类型匹配。

4. 检查父组件中是否正确传递 props 值，可以使用 `v-bind` 或简写方式 `:` 将 props 值绑定到子组件上。

5. 如果以上步骤都没有问题，可以使用浏览器的开发者工具查看控制台是否有报错信息，以便更好地定位问题。

下面是一个父组件向子组件传递 props 值的示例代码：

<!-- 父组件 -->
<template>
  <div>
    <child-component :message="hello"></child-component>
  </div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      hello: 'Hello, world!',
    };
  },
};
</script>

<!-- 子组件 -->
<template>
  <div>{{ message }}</div>
</template>
<script>
export default {
  props: {
    message: String,
  },
};
</script>

在这个示例中，父组件向子组件传递了一个名为 `message` 的字符串类型的 props 值，子组件通过 `props` 属性声明接收这个值，并在模板中使用它。