标签:obj 14 setup value return reactive let 2021 06
关于Vue 3.0的一些解析
前言:
- 正式版:
Vue
团队于2020.09.18日发布3.0正式版 - 前置条件:
Vue
虽然保留了大量的2.0版本api
,但由于是使用TypeScript
重构,所以想要学习3.0起码要掌握TS
的基础使用
Vue3.0中的六大亮点
序号 | 特性 | 解析 |
---|---|---|
1 | Performance | 性能上比Vue2.0快1.3~2倍 |
2 | Tree shaking support | 按需编译,体积更加轻量化 |
3 | Composition API | 组合API,可参考React hooks 理解 |
4 | Better TypeScript support | 对 Ts 提供了更好的支持 |
5 | Custom Renderer API | 暴露了自定义渲染API |
6 | Fragment,Teleport(Protal),Suspense | 更先进的组件 |
注:具体可以参考github
中Vue3.0
的相关源文件https://github.com/vuejs/vue-next/tree/master/packages
Vue3.0是基于什么优化,如何做到更轻量,更快的?
- 一 、diff 算法优化
- Vue 2中的虚拟Dom是全量比较
- Vue 3新增静态标记(PatchFlag)
- 在与数据变化后,与上次虚拟DOM节点比较时,只比较带有PatchFlag标记的节点
- 并且可以从flag信息中得知具体需要比较的内容。
静态标记就是非全量比较,只会比较那些被标记的变量,比较的数量大大减少因此提升性能
这让我想到了JS垃圾回收机制里的标记清除,ORZ 感觉熟悉,但回收机是全标记只是清除具有离开环境的标记变量而已)
内存垃圾回收机制在我去年的博文中
标签:obj,14,setup,value,return,reactive,let,2021,06 来源: https://blog.csdn.net/weixin_43460761/article/details/117906035
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。