本文将从vue的双向数据绑定入手,剖析mvvm库设计的核心代码与思路。通过dom节点的指令获取刷新函数，用来刷新指定的ui。ui改变触发对应的dom事件在改变特定的数据。实现directive,通过指令信息是实例化对应的directive实例,不同类型的d

3.mvvm: 数据双向绑定，轻量级视图控制器，viewmodel进行数据处理，viewcontrol包含在view中，在mvc中增加了viewmodel层，同时增加了view端自我控制能力。

小白一枚，一直使用的是React，想要多了解一些其它的框架，正好最近Vue越来越火热，Github上的Star数已经超过了React。而其背后蕴含的MVVM框架思想也一直跟React的组件化开发思想并驾齐驱，在这里也是本着兼收并蓄的思想，多了解一种开发模式

Proxy、Reflect的简单概述Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可

MVVM 框架近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通讯，异步

本文将深入介绍一下avalon的运作机理及与jQuery的区别。前端的V就是一个DOM的世界，而后端就是字符串！M，模型，一个数据体，用于填允我们的页面，通常PHP交给我们时数据已经填好了，想改变，就要再发出请求，然后通过jQuery寻找节点，修改它的in

我重新写过的项目地址在这里，有兴趣的可以看看。整体结构这个简易的MVVM总共由index.js,compiler.js,dep.js,observer.js,watcher.js几部分组成。└── watcher.jsindex.js是整个框架的入口，比如

view指的是页面的html和css构成的视图。viewmodel 指的是前端开发人员组织生成和维护的视图数据层。这一层包含的是视图行为和数据。视图行为指的是如页面加载进来时请求什么，将指定的数据放到指定的元素上，点击某个元素触发某事件。MVVM模式的优点