子组件接受不到父组件传递参数 vue3

在Vue 3中，子组件接收父组件传递的参数可以通过props进行传递。根据你提供的引用内容，可能原因是传递数值时的变量名首字母不能大写。

以下是一个示例，展示了如何在Vue 3中实现子组件接收父组件传递的参数：

<template>
  <div>
    <h2>子组件</h2>
    <p>接收到的父组件传递的参数: {{ propValue }}</p>
  </div>
</template>

<script>
export default {
  props: {
    propValue: {
      type: String, // 根据实际情况设置参数类型
      required: true // 根据实际情况设置是否必需
    }
  }
}
</script>

在父组件中，可以通过在子组件上使用v-bind指令来传递参数：

<template>
  <div>
    <h1>父组件</h1>
    <ChildComponent :propValue="parentValue" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentValue: 'Hello, World!' // 根据实际情况设置父组件传递的参数值
    }
  }
}
</script>

在上述示例中，子组件通过props接收父组件传递的参数propValue，并在模板中显示该参数的值。