Vuejs inputbox component

Vuejs inputbox component

by Warwick Grigg

HTML

<div id="app">
  <input v-model="d">
  <input-box :item.sync="d"></input-box>
  <inputbox-parent :pitem.sync="d"></inputbox-parent>
  <pre>{{$data | json}}</pre>
  <pre>{{$children[0].$data | json}}</pre>
  <pre>{{$children[1].$data | json}}</pre>
</div>

JavaScript

Vue.component('input-box', {
  template: '<input v-model="item">',
  props: ['item']
});

Vue.component('inputbox-parent', {
  template: '<input-box :item.sync="pitem"></input-box>',
  props: ['pitem']
	}
);

App = new Vue({
  el: '#app',
  data: {
    d: 'Hello Vue.js!'
  }
});