VUE复习笔记15(插槽)

插槽内容

vue实现了一套内容分发的api,这套 API 基于当前的 Web Components 规范草案,将 元素作为承载分发内容的出口。

他允许你这样合成组件


  Your Profile

然后你在 的模板中可能会写为:


  

当组件渲染的时候,这个 元素将会被替换为“Your Profile”。插槽内可以包含任何模板代码,包括 HTML,插槽指的是子组件标签之间的位置。


  
  
  Your Profile

也可以在组件的插槽里放入其他组件:


  
  
  Your Profile

如果 没有包含一个 元素,则任何传入它的内容都会被抛弃。

具名插槽

有时候我们需要多个插槽,有一个特殊的特性name,带有name属性值的插槽我们叫做具名插槽,它可以用来定义额外的插槽

在向具名插槽提供内容的时候,我们可以在一个父组件的