access slots from component

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p >{{ message }}</p>
  <wrapper ref="wrapper">
    <div>
      <span slot="lat">Hello</span>
    </div>
  </wrapper>
</div>

Babel + JSX

Vue.component('wrapper', {
	name: 'Wrapper',
  template: `<div><slot name="lat"></slot></div>`,
  mounted () {
    this.$slots.default.forEach(vnode => { 
        console.log(vnode)
    })
    
    console.log(this.slots.lat);
  }
})


new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    fontSize: 24,
  },
})