VIP20

本课程属于：002-Compose状态提升与槽位布局 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。

查看所属VIP全部课程 →

← 返回所属目录咨询 / 购买

Material 3 Slot API组件定制与适配

共计 30 章节

点击此处阅读海量试读课程：100+行业、1000+细分领域

Slot API核心概念

插槽定义 · 命名与默认内容 · 作用域

Material 3组件中的Slot列表

Button Slot · Card Slot · Dialog Slot等

开发环境搭建

项目初始化 · 依赖安装 · Material 3主题配置

开发环境搭建项目初始化

基础插槽使用

通过slot属性替换Button图标…

基础插槽使用slot

在自定义组件中嵌套使用Materia…

嵌套插槽Materia

Slot与State绑定

响应式数据驱动插槽内容更新

具名插槽详解

多个插槽同时使用与顺序控制

具名插槽详解多个插槽同时使用

默认插槽与插槽回退

当未提供插槽时的默认渲染

默认插槽插槽回退

作用域插槽（Scoped Slot）

从组件内部暴露数据到插槽

Slot与组件组合

用插槽实现灵活布局的Card组件

Slot组件组合

Slot与样式隔离

如何通过插槽覆盖子组件样式

Slot样式隔离

Slot与动态组件

根据条件渲染不同插槽内容

Slot动态组件

Slot API中的事件传递

插槽内触发父组件事件

列表与循环插槽

在v-for中为每个元素定制插槽

列表循环插槽

Modal Dialog插槽实战

自定义标题 · 内容 · 操作按钮

Navigation Drawer插槽

定制导航项与页脚

NavigationDrawer

Top App Bar插槽

替换标题 · 图标与操作区

Bottom Sheet插槽

定制拖拽手柄与主内容

自定义消息图标与动作按钮

在图标或文字上叠加徽标内容

Chip组件插槽

自定义图标 · 删除按钮和选中状态

Chip组件插槽

TextField插槽

前置/后置图标与辅助文本插槽

TextField插槽

Progress Indicators插槽

自定义线性进度条标签

ProgressIndicators

List组件插槽

定制列表项的前置图标与辅助文本

List组件插槽

Tab组件插槽

在标签内嵌入自定义图标或徽章

Tab组件插槽

Slot性能优化

避免不必要的重新渲染与缓存策略

Slot性能优化

常见错误与调试

插槽未渲染 · 名称冲突 · 作用域丢失

常见错误调试

无障碍（A11y）与插槽

为插槽内容添加ARIA标签

测试Slot组件

使用Vitest测试插槽渲染与交互

构建一个完整的个人资料卡片组件（含多…

综合实战构建一个完整的个…