vue技术专题
文章平均质量分 79
主要讲解一些vue2、vue3的一些技术知识,遇到的疑难问题,设计思路等
Rcwh
9年前端开发经验,精通react,vue,微信小程序,reactnaive和node等多个框架。项目经验多,精通微前端搭建,善于B端系统,组件化封装,低代码编写。
展开
-
vue3中watch监听的应用技巧
在 Vue 3 中,watch 的使用方式与 Vue 2 有所不同,主要是因为 Vue 3 引入了 Composition API,使得状态管理和副作用处理更加灵活和模块化。原创 2024-07-11 14:11:54 · 621 阅读 · 0 评论 -
详谈diff算法以及vue2与vue3的diff算法的不同(二)
vue2、vue3 的 diff 算法实现差异主要体现在:处理完首尾节点后,对剩余节点的处理方式。vue2 是通过对旧节点列表建立一个 { key, oldVnode }的映射表,然后遍历新节点列表的剩余节点,根据newVnode.key在旧映射表中寻找可复用的节点,然后打补丁并且移动到正确的位置。原创 2024-07-10 14:14:27 · 1250 阅读 · 0 评论 -
详谈diff算法以及vue2与vue3的diff算法的不同(一)
diff算法是一种通过同层的树节点进行比较的高效算法,避免了对树进行逐层搜索遍历,所以时间复杂度只有0。diff算法在很多场景下都有应用,例如在vue虚拟dom渲染成真实dom的新旧VNode节点比较更新时,就用到了该算法。diff算法有两个比较显著的特点:比较只会在同层级进行,不会跨层级比较。在diff比较的过程中,循环从两边向中间收拢。原创 2024-07-09 16:46:15 · 1080 阅读 · 0 评论