<body>
<div id="root">
<body-content>
<!-- 单个插槽的使用 -->
<h1>dell</h1>
<!-- 多个插槽也叫具名插槽 -->
<!-- <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></slot>
<div>content</div>
</div>`
//具名插槽
// template: `<div>
// <slot name='header'></slot>
// <div class="content">center</div>
// <slot name='footer'></slot>
// </div>`
})
var vm = new Vue({
el: '#root',
data: {
}
})
</script>