Source: 

index.html: 

<div id="root">
	<p>Enter your name</p>
	<input id="name" type="" onkeyup="changeName()">
	<br>
	<h1 id="output">Your name is {{ name }}</h1>
</div>




<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
	// var app = new Vue({
	// 	el: "#root",
	// 	data: {
	// 		name: "Hello World!"
	// 	},

	// 	mounted: function(){
	// 		console.log("Mounted");
	// 	}
	// });

	var data = {name: "Rimon"};

	document.getElementById("name").value = data.name;
	document.getElementById("output").innerHTML = "Your name is " + data.name;

	function changeName(){
		data.name = document.getElementById("name").value;
		document.getElementById("output").innerHTML = "Your name is " + data.name;
	}
</script>