单向数据绑定:
vue对象可以控制页面的数据,反之页面不能改变vue的值叫做单向绑定,:是v-bind的简写。
<div id="app">
<input type="text" :value="val">
</div>
<script>
var app = new Vue({
el:'#app',
data:{
val:"dededede"
}
})
</script>
双向数据绑定:
vue对象可以控制页面的数据,反之页面也可以改变vue的值叫做双向数据绑定,v-model是双向绑定的关键字,v-model不是所有的属性都可以用,他是在用户可以操作数据的地方使用比例input框,文本域等等。
<div id="app">
<input type="text" v-model="val">
</div>
<script>
var app = new Vue({
el:'#app',
data:{
val:"dededede"
}
})
</script>