vue的双向绑定

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.模型变量名

                     }

                }

 

     })