面试题:对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. 对初学者友好,入门容易、学习资料多