Vue3四种插槽详解，让你一目了然！
- 内容介绍
- 文章标签
- 相关推荐
本文共计1265个文字，预计阅读时间需要6分钟。
在组件中，若只有一个插槽，我们可以不设置`slot`的`name`属性。使用`v-slot`时，可以不带参数，但如果没有设置`name`属性，插槽口会默认为`default`。插槽主要用于封装组件。
插槽当组件中只有一个插槽的时候，我们可以不设置 slot 的 name 属性。
v-slot 后可以不带参数，但是 v-slot 在没有设置 name 属性的时候，
插槽口会默认为“default”。
插槽主要是在封装组件的时候去使用
注意点：v-slot 只能添加在 <template>上哈。
第一种插槽（匿名插槽）
现在我们封装一个组件，在组件中可以自定义内容。
这个时候我们就可以使用插槽了。
插槽可以将父页面中的内容展示在子组件中指定的位置。
本文共计1265个文字，预计阅读时间需要6分钟。
在组件中，若只有一个插槽，我们可以不设置`slot`的`name`属性。使用`v-slot`时，可以不带参数，但如果没有设置`name`属性，插槽口会默认为`default`。插槽主要用于封装组件。
插槽当组件中只有一个插槽的时候，我们可以不设置 slot 的 name 属性。
v-slot 后可以不带参数，但是 v-slot 在没有设置 name 属性的时候，
插槽口会默认为“default”。
插槽主要是在封装组件的时候去使用
注意点：v-slot 只能添加在 <template>上哈。
第一种插槽（匿名插槽）
现在我们封装一个组件，在组件中可以自定义内容。
这个时候我们就可以使用插槽了。
插槽可以将父页面中的内容展示在子组件中指定的位置。