style4

by SUNG BIN CHO

HTML

<div id="app">
  <thanks gift="Batman" decoration="strong"></thanks>
</div>

JavaScript

Vue.component('thanks', {
	functional: true,
  render: function (createElement, context){
  	let decoratedGift = createElement(context.props.decoration, context.props.gift)
    return createElement('p', ['Dear John, thanks for ', decoratedGift])
  },
  props: {
  	gift: String,
  	decoration: String
  }
})

new Vue({
	el: '#app'
})