一般点击事件都应放在，按钮位置<el-button> 是一个完整的交互单元，其内部的所有元素（图标、文字）都是按钮的视觉组成部分。
点击按钮的任意位置（图标或文字）都应触发相同的行为。
prop 是字段的 “身份证”，有没有校验规则不影响它标识字段的功能，但有规则时它能将字段与规则关联起来。
表单模型，表单实例单向渲染 vs 双向绑定：使用 v-for 渲染静态列表（如 <el-option>）使用 v-model 实现双向数据同步（如 <el-select>）表单模型定义：使用 ref 创建表单模型对象预先定义所有可能的字段，避免响应式问题
表单实例使用：通过 ref 获取表单实例在需要时调用表单方法（验证、重置等）表单实例 ref 的初始值推荐设为 null，但并非必须为空（语法允许其他初始值）。表单实例的核心是 “引用表单组件实例”，其有效性取决于表单是否已挂载，与初始值无关。表单模型（存储数据的响应式对象）可以有初始值，与表单实例的初始值无关。数据展示的核心：el-table 的 :data 属性（v-bind)单向的 el-table（Element UI 的表格组件）通过 :data 属性绑定数据源（如 empList），表格会自动遍历数据源中的每一条数据，并渲染成一行行的表格内容。单向绑定 vs 双向绑定（v-model）
绑定类型 |
语法 |
作用 |
应用场景 |
单向绑定（v-bind） |
:属性名="数据"（表格必须使用：data="") |
数据 → 视图（数据变，视图变） |
表格展示、普通元素属性绑定等 |
双向绑定（v-model） |
v-model="数据" |
数据 ↔ 视图（数据和视图相互影响） |
表单输入（输入框、下拉框等） |
