zoukankan      html  css  js  c++  java
  • Vue 双向数据绑定原理分析

    看了原文链接,记录自己的理解。原文链接:http://www.jianshu.com/p/d3a15a1f94a0

    关于双向数据绑定

    MV*框架,数据同步基本处理方式。(可以将model看做data)

    backbone的处理方式:

    angularjs代表的mvvm框架更进一步,从框架层支持数据同步,而且是双向数据绑定。

    不同mvvm框架中,实现双向数据绑定技术不同。

    AngualarJS使用:脏值检测

     

    VueJS使用:ES5提供的Object.defineProperty()方法。实现对数据监控,自动数据同步。精确将数据发给视图,而不是对数据都执行一次检测。

    Vue 双向数据绑定实现

    最终体现在数据读写中。即:Object.defineProperty()定义的set、get函数。Vue对应的为defineReactive函数。

    数据绑定关系的识别过程

    new Vue(){

    //主要执行两个步骤

    1、compile 解析指令

    2、link 数据绑定(双向同步)

    }

  • 相关阅读:
    time模块
    Python进程模块
    Django面试题
    基本命令行语句
    scrapy中的配置与中间件
    JSON编码于解码对应dump于load
    python操作数据库
    Python里的方法
    正则表达式
    Python常用模块
  • 原文地址:https://www.cnblogs.com/cxnian/p/8073296.html
Copyright © 2011-2022 走看看