<div class="container">
<child>
<!--此处是待分发的内容-->
<p slot="one">one</p>
<p slot="two">two</p>
<p>default</p>
</child>
</div>
Vue.component("child", {
template: '<div>\
<h1>内容被分发且重新组合</h1>\
<slot>默认分发处</slot>\
<slot name="one"></slot>\
<slot name="two"></slot>\
</div>'
});
new Vue({
el: '.container',
})
slot的name根据html的标签slot的值进行排序,
否则按原句输出