Vue的双向绑定
什么是:
既可把Model数据绑定到表单元素的value属性,用于显示:------第一个方向:M=>V
同时,又可把表单元素的value属性实时更改,绑定回Model数据变量上保存。第二个方向:V=>M
为什么:{{}}和v-bind仅是单向绑定。只能将Model数据的值,绑定到页面的表单元素上,用于显示(M=>V)
而页面上的更改,无法对应修改到Model数据中(V=>X>M)
何时:今后,只要希望修改表单元素的值后,也能自动修改对应模型数据的值,则用v-model指令进行绑定。
如何:因为只有表单元素的值才能人为改变,所以,双向绑定几乎总是用在表单元素上。
可简写为:v-model="模型变量”,省略:value
自定义监听函数:什么是:在模型数据发生变化时,自动执行的函数。
何时:只有希望在模型数据变化时,立刻执行一项操作时,才需要监视函数监控模型变量。
如何:new Vue({
el:"xxx",
data:{ ... },
watch:{
模型变量名(){
this.模型变量名
}
}
})