<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<div>
<input type="text" v-model="name">
<span>My name is ：{{ name }}</span>
</div>
</div>
</body>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
var app = new Vue({
el:'#app',
data:{
name:"Vues",
}
});
</script>
</html>
v-model實時更新vue內的“name”
v-moudel有以下常用的方法：
v-model.lazy #惰性事件，不自動更新（一般用於註冊時輸入完成時驗證，可以提高一點點性能）
v-model.trim #去除左右兩邊的空格
v-model.number #將字符串自動轉換成整行
