探索 Vue3 (二) 插槽slot

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

匿名插槽

在子组件放置一个插槽

 父组件中使用：

​

 具名插槽

具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容填充到对应插槽中

子组件代码：

父组件中使用：

动态插槽

插槽可以是一个变量名

const name = ref('top')