JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.8/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/0.7.6/vue-router.js"></script>
<div id="app">
  <comp1 :prop.sync="input"></comp1>
  <comp2 :prop.sync="input"></comp2>
</div>

JavaScript

var Component1 = Vue.extend({
	template: 'Component 1: <input type="text" v-model="prop"/>',
  props: ['prop']
})

var Component2 = Vue.extend({
	template: 'Component 2: <input type="text" v-model="prop"/>',
  props: ['prop']
})

new Vue({
    el: '#app',
    data: {
    	input: ''
    },
    components: {
    	'comp1': Component1,
      'comp2': Component2
    }
});