__Div

当我学习vue时，带给我最大的感觉是双向数据绑定太方便了，不用操作DOM，视图会根据数据的改变而改变。所以我感觉学习vue的同学有必要了解一下它的实现原理 已经了解到vue是通过数据劫持的方式来做数据绑定的，其中最核心的方法便是通过Object.defineProperty()…

MVVM定义：是Model-View-ViewModel（模型-视图-视图模型）的缩写；Model是数据模型，既后端传过来的数据；View是视图层，既我们看到的页面；而ViewModel是连接Model和View的中间桥梁，也就是说在MVVM的框架下，View和Model是不能…

vue是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发响应的监听回调。 MVVM作为数据绑定的入口，合 observer、 Compile和 Watche…

双向数据绑定的概念，相信大家都耳熟能详，简单来说，数据变化更新视图，视图变化更新数据。为了实现这一效果，在 Vue 中，采用了 数据劫持结合发布订阅者模式 的方式来实现。 通过 Object.defineProperty() 实现数据劫持，监听数据的变化。 通过 发布者Dep(…

首先我们这次的源码分析不仅仅是通过源码分析其实现原理，我们偶尔还会通过Vue项目编写的测试用例了解更多细节。 根据官方的指导图来看，数据(data)在变更的时候会触发setter而引起通知事件(notify)，告知Watcher数据已经变了，然后Watcher再出发重新渲染事件…

VUE双向数据绑定用到了文档碎片documentFragment、Object.defineProperty、proxy及发布订阅模式，下面来分别介绍一下这几个知识点，然后运用它们写一个JS原生的双向数据绑定案例。 创建一个新的空白的文档片段。DocumentFragments…

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 D…

由于在使用vue时会用到很多es6的语法，但是现在很多浏览器对es6的支持不是很好，所以在编译时需要将这些语法转换es5的语法，此时我们使用babel来进行编译。 babel的使用请阅读官网文档http://babeljs.cn/。 此时一个基于webpack的vue 项目就搭…