這個在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對象中定義了相應的驗證規則。
)
