响应式原理
关注
分享
扫一扫
敲出真谛
这个作者很懒，什么都没留下…
展开
-
Vue3.0响应式原理
周日（2020-07-12）下了一天雨，闲来无事，就把vue的响应式原理从2.0-3.0手敲了一遍。从上篇博客中我们知道vue3.0在数据的响应式上无疑做了很大的优化，性能得到大大提升。虽然vue3.0还没有正式发布，但是各大公众号已经闹得不亦说乎。我们都知道vue2的响应式原理的实现依赖的是Object.defineProperty这个API,用它来为要实现响应式的数据设置getter和setter方法。如果数据多时就要循环遍历。循环遍历就会降低性能，所以vue3.0就摒弃了这个方法，改为使用ES6中原创 2020-07-13 20:51:42 · 329 阅读 · 1 评论 -
Vue2.0响应式原理
最近vue3.0响应式原理引起前端阵阵狂热，所以我也下定决心将vue的响应式原理总结一下。我们都知道vue2.0的响应式原理使用的一个核心API是Object.defineProperty.为我们要观察的数据设置getter和setter方法。1.响应式数据只有一个的时候，我们可以这样实现<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>vue2.原创 2020-07-13 20:23:28 · 588 阅读 · 1 评论