用slot作为组件模板最外层标签,会报如图错误,提示不能用slot作为组件根节点,因为slot可能是由多个节点混合而成的。
<body>
<div id="root">
<child>
<div>Hello World1</div>
<div>Hello World2</div>
</child>
</div>
</body>
<script>
Vue.component('child',{
template: `
<slot></slot>
`,
})
var vm = new Vue({
el: '#root',
})
</script>
主要是为了防止如上这种情况出现。