VueJS:是否可以在另一个组件中自动包含一个组件

时间:2017-09-17 17:32:09

标签: vue.js vuejs2 vue-component

我想自动将一个组件的内容包含在另一个组件的命名槽中。即,像这样:

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'。只是想说明我想要完成的事情。

0 个答案:

没有答案