作用域插槽

作用域插槽

• 常用场景是父组件使用插槽时需要子组件的数据时

   <slot v-bind:todo="todo"></slot>

在子组件中动态绑定一个传出的值

在solt 的模板中使用 v-slot:具名插槽的名字=”传出的值“

<template v-slot:default="{todo}">
  <ul>
      <li v-for="(item,index) in todo" :key="index" v-if="item.isOver">{{item}}</li>
  </ul>
</template>