Vue: Nested Component Slots

by mattoconnell408

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<div id="app">
  <subcomponent ref="sub">
    <subsubcomponent ref="subsub"></subsubcomponent>
  </subcomponent>
</div>

Babel + JSX

Vue.component('subcomponent', {
  template: '<div><slot></slot></div>',
});

Vue.component('subsubcomponent', {
  template: '<div></div>',
});


const vm = new Vue({
  el: '#app',
});

console.log(vm.$refs.sub);
console.log(vm.$refs.subsub);