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

众所周知当下是MVVM盛行的时代，从早期的Angular到现在的React和Vue，再从最初的三分天下到现在的两虎相争。 无疑不给我们的开发带来了一种前所未有的新体验，告别了操作DOM的思维，换上了数据驱动页面的思想，果然时代的进步，改变了我们许多许多。 啰嗦话多了起来，这样不…

MVVM的实现的三大步：数据劫持、模板编译和双向绑定。为什么要数据劫持？带着这个问题我们先来看下如何实现数据劫持，在vue2的源码中有个名为defineReactive$$1的方法，该方法就是用来实现

相信初学Vue的同学一定踩过这个坑，改变数组的索引，没有触发视图更新。 以上案例摘抄Vue官方文档 - 数组更新检测。 Vue官方文档也有给出，使用Vue.set即可达到触发视图更新的效果。 Vue官方给出了解释，不能检测。 那原因是什么？我在学习的过程中发现很多文章都在断章取…

Proxy 可以理解为，在操作对象时要先经过一层“拦截器”。访问对象时，都必须先经过这一层拦截。这就意味着你可以在拦截里做各种骚操作。 让我们先看看怎么使用 Proxy. 以上例子，只是展示了 proxy 怎么操作对象属性，而他的核心是为了扩展对象的能力。 当你把一个普通的 J…

区别我们先讲完属性类型后再来看。 [[Configurable]] 字面理解是表示属性是否可配置——能否修改属性；能否通过delete删除属性；能否把属性修改为访问器属性。 [[Enumerable]]能否通过for-in循环返回该属性。 第1、第2种对于属性的赋值是一样的，不…

在Vue中使用数据劫持，采用Object.defineProperty的getter和setter，并结合观察者模式来实现数据绑定。当把一个js对象传给Vue实例来作为它的data属性时，Vue会遍历它的属性，用Object.defineProperty将它们赋予set和get…