什么是插槽
插槽提供了一种将内容从父组件分发到子组件的便捷方式。此内容可以是文本,HTML 甚至其他组件。
有时可以将插槽视为将内容直接注入子组件模板的方法。
当父组件下面的组件组合并不总是相同时,插槽特别有用。
以下示例我们有一个 page
组件。页面的内容可以基于该页面是否显示例如文章,博客文章或表格而改变。
文章
<page>
<article></article>
<comments></comments>
</page>
博客文章
<page>
<blog-post></blog-post>
<comments></comments>
</page>
形成
<page>
<form></form>
</page>
注意 page
组件的内容如何变化。如果我们不使用插槽,这将更加困难,因为模板的内部部分将被修复。
请记住: “父模板中的所有内容都是在父作用域中编译的;子模板中的所有内容都是在子作用域中编译的。”