clhdtzhh的博客

1、vue2: (1)实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持） 数组类型：通过重写更新数组的一系列方法来实现拦截（对数组的变更方法进行了包裹） Object.defineProperty(data, 'count', { set(){}, get(){} ...

先来说一般情况，再说特殊情况 一般情况，对于基本数据类型来说，他是怎么相应的呢? Vue会遍历你存入data里的选项，并把他们的property通过Object.defineProperty把这些这些property转成getter/setter（es5做不到，所以IE8及一下没戏），每个组件实例都一个对应的Watcher，当数据的setter被触发时，就会通知watcher，从而重新渲染组件，以下是原理图 特殊情况有两种，一种是对象，一种是数组 （1）对象，对于已经创建好实例，Vue不允许动.