双向绑定
数据变化 - 更新视图
视图变化 - 数据变化
通过Object.defineProperty对数据的监听来实现vue的双向绑定,然后通过虚拟DOM来对比之间的最小差异更新实现性能的优化,key的作用就是用来识别一些较小的差异来优化性能,没有key的话vue会直接将变化的DOM元素删除,添加一个新的元素。
这样我们就可以在一些双向绑定时数据或试图没有同时更新时,通过对元素绑定key值已达到双向绑定的效果
双向绑定
数据变化 - 更新视图
视图变化 - 数据变化
通过Object.defineProperty对数据的监听来实现vue的双向绑定,然后通过虚拟DOM来对比之间的最小差异更新实现性能的优化,key的作用就是用来识别一些较小的差异来优化性能,没有key的话vue会直接将变化的DOM元素删除,添加一个新的元素。
这样我们就可以在一些双向绑定时数据或试图没有同时更新时,通过对元素绑定key值已达到双向绑定的效果