elementui title
ElementUI 的 Title 相关组件及用法
ElementUI 提供了多种与标题（Title）相关的组件和配置选项，适用于不同场景的需求。以下是常见的使用方法和组件介绍：
对话框（Dialog）的标题配置
在 el-dialog 组件中，可通过 title 属性设置对话框的标题：
<el-dialog :visible.sync="dialogVisible" title="自定义标题">
对话框内容
</el-dialog>表格（Table）的标题
通过 el-table 的 header-cell-class-name 或自定义表头实现标题样式调整：
<el-table :data="tableData" :header-cell-class-name="'custom-header'">
<el-table-column prop="name" label="姓名"></el-table-column>
</el-table>在 CSS 中定义样式：
.custom-header {
font-weight: bold;
background-color: #f5f7fa;
}页面标题（Page Header）
使用 el-page-header 组件显示页面标题和导航：
<el-page-header @back="goBack" content="详情页标题"></el-page-header>表单（Form）的标题
通过 el-form-item 的 label 属性设置表单字段标题：
<el-form-item label="用户名">
<el-input v-model="form.username"></el-input>
</el-form-item>其他标题相关样式
ElementUI 的 Typography 组件（如 el-text、el-link）可用于自定义标题样式：
<el-text type="primary" size="large">主标题</el-text>
<el-link type="success" :underline="false">副标题</el-link>注意事项
- 标题文字需简洁明确，符合用户体验。
- 通过 CSS 覆盖默认样式时，注意选择器优先级。
- 多语言场景下，可通过
$t国际化函数动态绑定标题。
