vue插槽

• 介绍：子组件中提供给父组件使用的一个占位符 占位符：<slot></slot> 父组件可以在占位符中填充任意模板代码 ，填充的内容会替换子组件的<slot></slot>

• 1、普通插槽 <slot></slot>

• 2、具名插槽

  <slot name="header"></slot> <slot name="main"></slot> <slot name="footer"></slot>

• 3、作用域插槽

  • 插槽的样式由父组件决定，内容由子组件控制

  <span> <slot>{{user.username}}</slot> </span> <father>{{user.username1}}</father>