面试题：对Vue的响应式数据/双向数据绑定原理的理解

面试题：对Vue的响应式数据/双向数据绑定原理的理解

 

VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。

双向数据绑定, 数据层和视图层中的数据同步, 在写入数据时视图层实时的跟着更新

 

1. 数据变化会同步更新视图 （热更新），我们使用Vue的数据双向绑定一般是操纵data来更新view

2. 视图变化也可以更新数据，通过事件监听实现

3. 不用再去操作DOM对象，更多精力投入到业务逻辑上

 

Vue.js优点：

1. 体积小：压缩后33K

2. 更要的运行效率：基于虚拟DOM

（DOM操作属于预处理操作，预先通过JavaScript进行计算，把最终的DOM操作计算出来并优化的技术）

3. 双向数据绑定：不用再去操作DOM对象，更多精力投入到业务逻辑上

4. 生态丰富、学习成本低：

市场上有大量成熟、稳定的基于vue.js的UI框架和常用组件（例如element UI），实现快读开发

5. 对初学者友好，入门容易、学习资料多