Vue

by khamer

HTML

<div id="app">
  <input type="text">
  <example v-slot="f" test="whee">
    <pre>hrm {{ f.test }}</pre>
  </example>
</div>

SCSS

@for $i from 1 through 6 {
  h#{7-$i} {
    font-size: $i * 1rem;
  }
}

Vue

Vue.component('example', {
	props: ['test'],
  data: () => ({datatest: 'hello'}),
	render(createElement) {
  	return this.$scopedSlots.default(this.$data);
  }
})

new Vue({
  el: "#app",
  data: {
  	foo: 'bar',
  }
})