vue 子组件的props默认值变成了undefine

当 vue 子组件的 props 默认值变成了 undefined，有可能是由于以下原因：

1. 父组件没有传递对应的 prop
当父组件没有传递 props 给子组件时，默认值就会被设置为 undefined。在子组件中可以使用 `default` 属性来设置默认值，例如：

   props: {
     propA: {
       type: String,
       default: 'default value'
     }
   }

这样即使父组件没有传递 propA，子组件的 propA 也会有一个默认值。

2. 父组件传递的 prop 是 undefined
如果父组件明确地传递了 undefined 给子组件的 prop，那么子组件的默认值也会被覆盖为 undefined。在这种情况下，可以在父组件中确保传递一个有效的值给子组件。

3. 子组件的 prop 类型不匹配
当父组件传递给子组件的 prop 类型与子组件声明的类型不匹配时，默认值也会变为 undefined。要确保传递正确的类型，可以使用 `type` 属性进行声明，例如：

   props: {
     propA: {
       type: String,
       default: 'default value'
     }
   }

在这个例子中，如果父组件传递的 propA 不是一个字符串，那么默认值仍然会是 undefined。

总结来说，当子组件的 props 默认值变成了 undefined，需要检查父组件是否正确传递了 props、传递的值是否为 undefined，以及子组件是否正确声明了 prop 类型。