千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

1.解释单向数据流和双向数据绑定

对于 Vue 来说，组件之间的数据传递具有单向数据流这样的特性称为单向数据流，单向数据流(Unidirectiona1data fow) 方式使用一个上传数据流和一个下传数据流进行双向数据通信，两个数据流之间相互独立，单向数据流指只能从一个方向来修改状态。

而双向数据绑定即为当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，两十数据流之间互为影响。

2.Object.defineProperty有什么缺点

1、无法监听es6的Set、Map 变化:

2、无法监听class类型的数据:

3、属性的新加或者删除也无法监听:

4、数组元素的增加和删除也无法监听。

3.vue的响应式原理

vue的响应式实现主要是利用了object.defineproperty的方法里面的setter 与getter方法的观察者模式来实现。在组件初始化时会给每一个data属性注册etter和setter，然后再new 一个自己的watcher对象，此时watcher会立即调用组件的render函数去生成虚拟DOM，在调用render的时候，就会需要用到data的属性值，此时会触发getter函数，将当前的watcher函数注册进sub里，当data属性发生改变之后，就会遍历sub里所有的watcher对象，通知它们去重新渲染组件。