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>