<html>
<body>
	<div id="app">
		<div>Name: {{user.name}}</div>
		<div>Age: {{user.age}}</div>
		<div>Phone: {{user.phone}}</div>
	</div>
</body>

<script src="vue.js"></script>
<script>
// ----------------------------------------------------------------
// bind object to view

var app = new Vue({
	el: '#app',
	data: {
		user: {
			name: 'Pat',
			age: '24',
			phone: '123-456-7890'
		}
	}
});

// ----------------------------------------------------------------
// dynamically update bound object after 2 second delay
setTimeout(function(){
	app.user.name = 'Hello ' + app.user.name;
}, 2000);
// ----------------------------------------------------------------
</script>

</html>

Add binding nested object to view
Add binding nested object to view
