前端面试题 vue如何检测数组变化 及 vue如何进行依赖收集（观察者模式）

vue如何检测数组变化

Vue2中没有通过defineProperty来检测数组变化（性能差），vue2里面采用重写数组的方法来实现（7个变异方法能改变数组的方push,pop,shift,unshift,reverse,splice,sort）通过原型链+函数劫持的方法实现的。

（不改变原数组的方法：concat,join->split,toString,slice）

缺陷：不能检测索引更改和数组长度的更改。

vue如何进行依赖收集（观察者模式）

 1)依赖收集目的：等数据变化可以更新试图。

 2)如何收集的：每个属性或对象都有一个dep属性。每个组件在渲染过程中都会创建一个渲染watcher(watcher有三种，渲染watcher,计算属性watcher,用户watcher),一个属性可以有多个watcher,反过来一个watcher有多个dep.

3)当调用取值方法的时候如果有watcher就会将watcher收集起来，等数据变化后会通知自己对应的dep触发更新调用watcher.update方法