1️⃣ 组件插槽

在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。

1️⃣ 插槽内容

当组件渲染时, 将会被替换为“写在组件标签结构中的内容”。插槽内可以包含任何模板代码,包括 HTML 和其他组件。如果没有包含元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。
image.png

1️⃣ 编译作用域

当想在一个插槽中使用数据时,例如:

  1. 1. 该插槽跟模板的其它地方一样可以访问相同的实例 property (也就是相同的“作用域”),而不能访问 <a-demo> 的作用域。

注意:作为一条规则,请记住,父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。

image.png

1️⃣ 后备内容

后备内容写在组件的 **<slot></slot>**
image.png

1️⃣ 具名插槽

自 2.6.0 之前的语法是

或者

头部

有时我们需要多个插槽。例如对于一个带有如下模板的 组件:
image.png
对于这样的情况, 元素有一个特殊的 attribute:name。这个 attribute 可以用来定义额外的插槽:
image.png
一个不带 name 的 出口会带有隐含的名字“default”。
在向具名插槽提供内容的时候,我们可以在一个