Vue3中slot插槽如何基本使用？

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

目录

1.插件基本使用

2.插件默认内容

3.具名插件

3.1 基本使用 3.2 简写 3.3 默认插件与具名插件混用

4.动态插件命名

5.插件作用域问题

6.作用域插件

6.1 默认插件作用域传递值 6.2 具名插件作用域

目录

• 1.插槽基本使用
• 2.插槽默认内容
• 3.具名插槽
• 3.1 基本使用
• 3.2 简写
• 3.3 默认插槽与具名插槽混用
• 4.动态插槽名
• 5.插槽作用域问题
• 6.作用域插槽
• 6.1 默认插槽作用域传值
• 6.2 具名插槽作用域传值
• 总结

使用Vue的小伙伴相信你一定使用过插槽，如果你没有用过，那说明你的项目可能不是特别复杂。插槽（slot）可以说在一个Vue项目里面处处都有它的身影，比如我们使用一些UI组件库的时候，我们通常可以使用插槽来自定义我们的内容。

1.插槽基本使用

插槽的用途就和它的名字一样：有一个缺槽，我们可以插入一些东西。