Proxy props

by WILLIAM CORREA

HTML

<div id="app">
  <proxy v-bind="bind"></proxy>
</div>

JavaScript

const props = {
	props: ['is', 'magic', 'special', 'cute']
}

Vue.component('proxy', {
	mixins: [ props ],
	template: `<component :is="is" v-bind="$props"></component>`
})

Vue.component('ops', {
	mixins: [ props ],
	template: `<pre>{{ $props }}</pre>`
})

new Vue({
	el: '#app',
  data: () => ({
  	bind: {
    	is: 'ops',
      magic: 'no!',
      special: 'yes!'
    }
  })
})