JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.0-rc.6/vue.min.js"></script>
<div id='app'>
  Binding single value:
  <test :value='someProps.value'></test>
  Binding an object:
  <test v-bind='someProps'></test>
</div>

JavaScript

Vue.component('test', {
	template: `<div>Value is: {{ value || 'value not found...' }}</div>`,
	props: ['value']
})

new Vue({
	el: '#app',
	data: {
		someProps: {
			value: 'foo'
		}
	}
})