<template>    <div>        <el-form :model="form" :rules="form" label-width="80px">            <el-form-item label="姓名">                <el-input v-model="form.name"></el-input>            </el-form-item>        </el-form>    </div></template><script>    export default {        name: 'Father',        data () {            return {                form: {                    name: 'Tim'                 }            }        }    }</script>el-form 設置了 :model、:rules 兩個屬性，:rules 似乎是后續表單校驗時需要使用，那 :model 屬性的作用是什么呢？官方文檔將 el-form 的 model 屬性描述為"表單數據對象"，但如果不配置該屬性，僅通過 v-model="form.name" 為表單域設置值已經可以實現數據綁定，為什么還要為 el-form 配置 model 這個屬性呢？---------------------------------- 分割線 -----------------------------------------------<template>    <div>        <el-form :rules="rules" label-width="80px">            <el-form-item label="姓名" prop="name">                <el-input v-model="form.name"></el-input>            </el-form-item>        </el-form>    </div></template><script>    export default {        name: 'App',        data () {            return {                form: {                    name: 'Tim'                 },                rules: {                    name: [{ required: true, message: '姓名不能為空', trigger: 'blur' }]                }            }        }    }</script>