Vue

by khamer

HTML

<div id="app">
  <input type="text" v-model="tag">
  <tag-tag :tag="tag">
    hello
  </tag-tag>
</div>

SCSS

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

Vue

Vue.component('tag-tag', {
	props: {
  	tag: {type: String, required: true},
  },
	render(createElement) {
  	return createElement(this.tag, this.$attrs,this.$slots.default);
  }
})

new Vue({
  el: "#app",
  data: {
  	tag: 'h3',
  }
})