Fork me ([email protected])

by Slava Slava

HTML

<script src="https://cdn.rawgit.com/vuejs/vue/v1.0.24/dist/vue.js"></script>
<div id="demo">
  <input v-model="value">
  <child1 :value.sync="value"></child1>
</div>

CSS

.c-child {
  padding: 1px;
  border: 1px solid white;
}

JavaScript

var child1 = {
	name: 'child',
  template: [
    '<div class="c-child">',
    '<child2 :value.sync="value"></child2>',
    '</div>',
  ].join(''),
	props: {
  	value: { 
      type: String, 
      twoWay: true, 
   }
  },
};

var child2 = {
	name: 'child',
  template: [
    '<div class="c-child">',
    
    '</div>',
  ].join(''),
	props: {
  	value: { 
      type: String, 
      twoWay: true, 
   }
  },
};

new Vue({
  el: '#demo',
  components: { child1, child2 },
  data: function() {
  	return {
    	value: 'Hello World!',
    };
  },
});