什么是插槽

插槽提供了一种将内容从父组件分发到子组件的便捷方式。此内容可以是文本,HTML 甚至其他组件。

有时可以将插槽视为将内容直接注入子组件模板的方法。

当父组件下面的组件组合并不总是相同时,插槽特别有用。

以下示例我们有一个 page 组件。页面的内容可以基于该页面是否显示例如文章,博客文章或表格而改变。

文章

<page>
    <article></article>
    <comments></comments>
</page>

博客文章

<page>
    <blog-post></blog-post>
    <comments></comments>
</page>

形成

<page>
    <form></form>
</page>

注意 page 组件的内容如何变化。如果我们不使用插槽,这将更加困难,因为模板的内部部分将被修复。

请记住: “父模板中的所有内容都是在父作用域中编译的;子模板中的所有内容都是在子作用域中编译的。”