我想自动将一个组件的内容包含在另一个组件的命名槽中。即,像这样:
Vue.component('comp-one', {
template: `
<div class="comps>
<div class="comp-two">
<slot name="compTwo"></slot>
</div>
<div class="comp-one">
<slot></slot>
</div>
</div>
`
})
Vue.component('comp-two', {
slot: 'compTwo',
template: `
<div class="sub-comp-two">
<!-- content goes here -->
<slot></slot>
</div>
`
})
这个想法是,如果有人使用<comp-two>Some content</comp-two>
,它会自动添加到comp-one中的插槽compTwo中。有没有办法做到这一点?
注意:我编造了slot: 'compTwo'
。只是想说明我想要完成的事情。