vue插槽slots

一、默认插槽：

vue组件能够接收任意类型的 JavaScript 值作为 props，也可以为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。

例如：有一个组件

在父组件中引用

最终渲染出来的dom

插槽内容可以是任意合法的模板内容，不局限于文本，还可以传入多个元素甚至是组件，插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的，但插槽内容无法访问子组件的数据。

二、具名插槽：

元素可以有一个特殊的 attribute name，用来给各个插槽分配唯一的 ID，以确定每一处要渲染的内容，这类带 name 的插槽被称为具名插槽 (named slots)。没有提供 name 的 出口会隐式地命名为“default”。

要为具名插槽传入内容，我们需要使用一个含 v-slot 指令的