vue3提示 Invalid prop: type check failed for prop "rules". Expected Object, got Undefined

当你在 Vue3 中使用 `v-model` 或者 `props` 绑定数据时，如果传递给组件的 prop 类型与预期不符，可能会收到类似 "Invalid prop: type check failed for prop 'rules'. Expected Object, got Undefined" 的错误。这通常意味着你在试图将一个 undefined 或非对象值赋给 rules 这个 prop，而这个 prop 预期接收到的是一个对象。

Vue 的 props 是单向数据流，所以在从父组件传入数据到子组件时，你需要确保数据类型正确。解决这个问题的方法包括：

1. **检查数据来源**：确保在父组件中提供的 rules 属性是一个有效的对象。例如：

   // 父组件
   export default {
     props: {
       rules: {
         type: [Object, null], // 允许规则为空
         required: false,
       },
     },
   }

2. **处理默认值**：提供一个默认值给 props，防止它直接为 undefined。

   // 父组件
   export default {
     props: {
       rules: {
         type: Object,
         default: () => {}, // 或者返回一个空对象 {}
       },
     },
   }

3. **校验数据**：在父组件发送数据前进行验证。