type
status
date
slug
summary
tags
category
icon
password
插槽就是子组件中提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以在这个占位符中填充任何模板代码,如HTML、组件等,填充的内容会替换子组件中的<slot></slot>标签
匿名插槽
- 在子组件放置一个插槽
- 在父组件使用插槽,给这个插槽填充内容
具名插槽
具名插槽就是给插槽取个名字。一个子组件可以放置多个插槽,而且可以放在不同的地方。当父组件填充内容时,可以根据这个名字把内容填充到对应的插槽中
父组件需要使用对应的名称
插槽简写:可以把
v-slot:
替换成#
作用域插槽
在子组件动态绑定参数,派发给父组件的slot去使用
在父组件取值
动态插槽
插槽可以是一个变量名
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-14
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章