vue3作用域插槽的用法

使用场景

父组件提供插槽内容时，需要使用到子组件的属性。

官方文档详解：

官方文档：作用域插槽

下面要如何将item由子组件传递到父组件呢？

• slotProps是自己起的名字

• slotProps可选择的属性，就是子组件插槽上绑定的属性。

  例如：

  父组件

  <template v-slot:header="props">
  	<div>
          {{props.name + " " + props.age}}
      </div>
  </template>
  

  子组件

  <slot name="Alex" age=18></slot>