1.基本使用
<div id="root">
<child>
<p>Dell</p>
</child>
</div>
<script>
Vue.component('child',{
template: `<div>
<p>Hello</p>
<slot></slot>
</div> `
})
var vm = new Vue({
el: "#root"
})
</script>
2.具名插槽
<div id="root">
<body-content>
<div class="header" slot="header">header</div>
<div class="footer" slot="footer">footer</div>
</body-content>
</div>
<script>
Vue.component('body-content',{
template: `<div>
<slot name='header'></slot>
<div class="content">content</div>
<slot name='footer'></slot>
</div> `
})
var vm = new Vue({
el: "#root"
})
</script>