div id= "app" >
<child slot="head">
<!-- miqi
-->
i am head
</child>
<child slot="foot">
i am foot
</child>
</div>
<script src="./vue.js"></script>
<script>
Vue.component("child",{
props: ["content"],
template: `<div>
<slot name="head"></slot>
hellow
<slot></slot>
<slot name="foot"></slot>
</div>`
})
var vm = new Vue({
el: "-sharpapp"
})
</script>
hellow