vue 具名插槽slot 用法

标签：slot vue default 插槽 具名 SmallSlot

vue 具名插槽slot 为插槽取名字

app.vue

<template>  <h1>插槽知识</h1>  <SmallSlot>   <template #header>     <div>     <ul>       <li>1</li>       <li>2</li>       <li>3</li>     </ul>   </div>   </template>   <template #main>     <div>     <ul>       <li>10</li>       <li>20</li>       <li>30</li>     </ul>   </div>   </template>  </SmallSlot> </template> <script> import SmallSlot from './components/SmallSlot.vue' export default{   components:{     SmallSlot   } } </script>
SmallSlot.vue   <template>    <slot name="header"></slot>    <a href="">123</a>    <slot name="main"></slot> </template> <script>  export default {  } </script> <style> </style>

标签：slot,vue,default,插槽,具名,SmallSlot
From： https://www.cnblogs.com/96net/p/18015976