(25条消息) 插槽

1. <div id="demo">
2. <base-com>
3. <template v-slot:[dynamicslotname]>
4. This is Me.
5. </template>
6. </base-com>
7. </div>
8. <script>
9. Vue.component('base-com',{
10. template:`
11. <div>
12. <header style="font-size=20px">
13. <slot name="header"></slot>
14. </header>
15. <footer style="font-size=20px">
16. <slot name="footer"></slot>
17. </footer>
18. </div>
19. `
20. })
21. var vm = new Vue({
22. el:"#demo",
23. data:{
24. dynamicslotname:'header'
25. }
26. })
27. </script>