~~~ <div id="app"> <list-item> <div slot="header">头部</div> <div slot="footer">尾部</div> </list-item> </div> <script> Vue.component("list-item",{ template: `<div> <slot name="header"></slot> <div>content</div> <slot name="footer"></slot> </div>` }) new Vue({ el:"#app" }) </script> ~~~