这个在elemenui中介绍比较简单，一般写的时候照着例子写，会正常运行。没太注意porp到底有啥影响点。这次有点时间整理一下。
这个https://worktile.com/kb/p/3534641链接讲述的要比一般csdn上的文章清晰。
总结：
Vue表单验证中的prop属性用于指定需要验证的表单字段。1、prop属性定义了字段名称，
2、它与验证规则关联，
3、确保数据的完整性和准确性。例如，当使用Element UI库时，prop属性在el-form-item
一.prop属性在Vue表单验证中扮演着定义字段名称的角色。它通过在el-form-item组件中指定字段名称，让验证规则知道需要验证哪个字段的数据。
例如：
<el-form :model="form" :rules="rules"><el-form-item label="用户名" prop="username"><el-input v-model="form.username"></el-input></el-form-item></el-form>
在上面的代码中，prop="username"定义了这个el-form-item组件所对应的字段名为username。
二、它与验证规则关联
prop属性不仅仅是字段名称的定义，它还与验证规则直接关联。在定义验证规则时，需确保规则的键名与prop属性值一致，从而使验证规则应用于正确的字段。
例如：
data() {return {form: {username: '',},rules: {username: [{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 3, max: 15, message: '用户名长度在 3 到 15 个字符', trigger: 'blur' }]}};}
在这个例子中，rules对象的键名username与el-form-item中的prop属性值username相匹配，确保验证规则应用到username字段。
三、确保数据的完整性和准确性
通过使用prop属性与验证规则的结合，可以确保表单数据的完整性和准确性。这不仅可以防止用户提交无效或不完整的数据，还可以提供即时的用户反馈，提升用户体验。
原因分析：
防止无效数据提交：验证规则可以防止用户提交不符合要求的数据。
即时反馈：用户在填写表单时，立即得到错误提示，可以快速纠正。
提高数据质量：确保提交的数据符合预期格式和要求，提高数据的质量和可靠性。
四、实例说明
下面是一个完整的实例，通过使用Element UI库，展示如何使用prop属性进行表单验证。
<el-form-item label="用户名" prop="username"><el-input v-model="form.username"></el-input></el-form-item><el-form-item label="邮箱" prop="email"><el-input v-model="form.email"></el-input></el-form-item><el-form-item><el-button type="primary" @click="submitForm('form')">提交</el-button></el-form-item>
在这个实例中，表单包含两个字段：username和email。每个字段都通过prop属性指定了对应的字段名，并且在rules对象中定义了相应的验证规则。
)
