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