Vue v-slot 小結

[larrykkk]

PaginationData.vue
<template>
  <div>
    ...
    // 不具名插槽
    <slot>warn need data</slot>
    //具名插槽
    <slot name="插槽名稱">warn need data</slot>
    ...
  </div>
</template>

// when you use PaginationData component
<PaginationData>
     // #default 是v-slot的縮寫，等同 v-slot:default
    // 不具名插槽
    <template #default>
    // 具名插槽
    <template #插槽名稱>    
    <ul class="photo-list photo-list--name-after">
        ...
    </ul>
    </template>
</PaginationData>