<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>双向数据绑定</title>
<link href="css/special.css" rel="stylesheet" />
<script src="js/vue.min.js"></script>
</head>
<body>
<div class="pc-content span6">
<div class="line-txt text-center">
<h3>双向数据绑定</h3>
</div>
<div id="message" style="padding-top:100px;">
<input type="text" v-model="message" class="input-text" />
<span>{{ '实时输出: ' + message }}</span>
</div>
<br />
<p>Vue.js 中的双向数据绑定在你使用了 v-model 时就会相当的简单</p>
</div>
<script type="text/javascript">
var Message = new Vue({
el: '#message',
data: {
message: ''
}
});
</script>
</body>
</html>