zoukankan      html  css  js  c++  java
  • 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.模型变量名

                         }

                    }

         })

  • 相关阅读:
    观察者模式
    工厂模式
    单例模式
    代理模式
    策略模式
    Ioc容器
    Spring概述
    02:入门
    01:背景
    编译原理感悟
  • 原文地址:https://www.cnblogs.com/sna-ling/p/13170696.html
Copyright © 2011-2022 走看看