问答

局部虚拟dom如何更新到真实dom中?

作者:admin 2021-05-05 我要评论

网上搜索下来看到的都是将整体的vDom更新到dom树并渲染页面,在这过程中遇到一个问题,通过diff找出待更新的部分,怎么样只更新这一小部分的vDom? 即: 怎么样来...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

网上搜索下来看到的都是将整体的vDom更新到dom树并渲染页面,在这过程中遇到一个问题,通过diff找出待更新的部分,怎么样只更新这一小部分的vDom?
即: 怎么样来设置dom树的节点标记,不然无法找到vDom与dom的关联点,大佬们能说说思路吗

###

真实 DOM 的对象(HTMLElement 类型)是被记录到虚拟 DOM 对象中的,是它的一个属性($options.el)。

Diff 之后谁变了你是知道的,它的父节点你也是知道的,拿到父节点后直接取它的这个属性就拿到真实 DOM 了,剩下不用说了吧?

###

例如: image.png
这种情况,父元素甚至祖先元素都一样的情况,没有辨识度,那就不能定位到目标元素,全部更新的话那就没意义了,但如果是每个元素都绑定一个类名也不科学,在vue渲染出的dom中并未找到什么标记,怎么来只更新变动的节点的

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 局部虚拟dom如何更新到真实dom中?

    局部虚拟dom如何更新到真实dom中?

  • JQUERY如何获取图片缩放比例?

    JQUERY如何获取图片缩放比例?

  • 数组转换成对象

    数组转换成对象

  • 【vue】vant的list组件,给list的子项

    【vue】vant的list组件,给list的子项

腾讯云代理商
海外云服务器