Vue3插槽slot详解，如何灵活运用实现组件复用与扩展？

本文共计843个文字，预计阅读时间需要4分钟。

目录 + 1 未命名插槽 + 2 具名插槽 + 3 应用域插槽 + 4 动态插槽 + 插槽是子组件中提供给父组件使用的一个占位符，通过 slot/slot 展示。父组件可在该占位符中填充任何模板代码，如 HTML、组件等。

目录

• 1匿名插槽
• 2具名插槽
• 3作用域插槽
• 4动态插槽

插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。