Vue3中插槽(slot)的用法有哪些技巧和细节？

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

目录+什么是插槽+默认内容+具名插槽+动态插槽名+作用域插槽+写在最后+Vue中的插槽使用心得+Vue的小伙伴或多或少的都用过，但它的所有用法你都是否全部了解？

目录

• 什么是插槽
• 默认内容
• 具名插槽
• 动态插槽名
• 作用域插槽
• 作用域插槽
• 具名作用域插槽
• 写在最后

Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过，但是它的所有用法你是否全部理解呢？本篇文章就为大家带来Vue3中插槽的全部用法来帮助大家查漏补缺。

什么是插槽

简单来说就是子组件中的提供给父组件使用的一个坑位，用<slot></slot>表示，父组件可以在这个坑位中填充任何模板代码。