Vue数据绑定
Vue中有两种数据绑定方式：
- 单向绑定（v-bind）：数据只能从Vue实例流向容器
- 双向绑定（v-model）：数据在Vue实例和容器之间是双向流动的
双向绑定应用在表单类标签上（v-model只能与标签的value属性值绑定），如input、select。
v-model:value可以简写为v-model，因为v-model默认收集的就是value属性的值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>value_bind</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<div>
单向绑定：<input type="text" v-bind:value="name"><br>
双向绑定：<input type="text" v-model:value="name"><br>
</div>
<div>
单向绑定：<input type="text" :value="name"><br>
双向绑定：<input type="text" v-model="name"><br>
</div>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;//关闭生产提示
// 实例化Vue对象
new Vue({
el:"#root",
data:{
name:"Tom"
}
})
</script>
</body>
</html>
