Vue3.0
敲出真谛
这个作者很懒,什么都没留下…
展开
-
Vue3.0性能优化
一、虚拟DOM性能优化1.PatchFlag(静态标记)2.hoistStatic(静态提升)3.cacheHandler(事件监听缓存)二、SSR服务端渲染1.StaticNode(静态节点)三、Tree-shaking减少打包后的静态资源体积 程序执行更快...原创 2021-10-25 16:31:19 · 261 阅读 · 0 评论 -
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 · 307 阅读 · 1 评论