当前位置:   article > 正文

1.Vue3.0的6大亮点_前端技术亮点

前端技术亮点

Vue3的6大亮点:

  1. 速度更快,比Vue2.x快1.2~2.0倍
  2. 按需编译,体积更小
  3. 组合API
  4. 更好的Ts(TypeScript)支持
  5. 暴漏了自定义渲染API
  6. 更先进的组件

1. Vue3是如何更快的?

  • diff 方法优化
    Vue2中虚拟dom是进行全量对比
    Vue3中新增了静态标记
    在与上次虚拟节点进行对比的时候,只对比带有标记的节点

  • hoistStatic 静态提升
    Vue2中无论元素是否参与了更新,每次都要重新创建
    Vue2中对于不参与更新的元素,只会被创建一次,之后在每次渲染的时候只是被复用

  • cacheHandlers 事件监听器缓存
    默认情况下onClick会被视为动态绑定,所以每次都会去追踪它的变化
    但其实都是同一个函数,所以没有追踪他的变化,直接缓存起来复用即可

  • ssr渲染
    当有大量静态的内容的时候,这些内容会被当作纯字符串推进到一个buffer中,即使存在动态绑定,会通过模板插值嵌入进去。这样的方式会比通过虚拟dom渲染快得多。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/637835
推荐阅读
相关标签
  

闽ICP备14008679号