跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 看 vue 源码时看到了这么一段
未分類
7 9 月 2020

看 vue 源码时看到了这么一段

看 vue 源码时看到了这么一段

資深大佬 : Hoshinokozo 19

 /*两个 VNode 节点相同则直接返回*/     if (oldVnode === vnode) {       return     } 

没记错的话,oldVnode 和 vnode 都是对象,这样的对比有什么意义呢,难道是判断这两个是同一个对象吗?

实在是没弄明白,求解答

大佬有話說 (7)

  • 資深大佬 : nnnToTnnn

    单看这段代码,脑残的写法。 但是如果结合上下文看就不一定了。

    const oldVnode = {‘test’: 1}
    const vnode = oldVnode

    if (oldVnode === vnode) {
    return
    }

  • 資深大佬 : nnnToTnnn

    根据这个逻辑,可以简单判断到底是新创建的对象,还是旧的对象。

  • 資深大佬 : optional

    vue 3? vue3 里有静态 node 提升的特性,对于静态的 node,每次渲染的对象是同一个。

  • 資深大佬 : nnnToTnnn

    const oldVnode = {‘test’: 1}
    let vnode = oldVnode

    if (oldVnode.test === 2) {
    vnode = {‘test’: 3}
    }

    if (oldVnode === vnode) {
    return
    }

    你在看这个比较,是不是就存在很大的意义了? 看代码要结合上下文来看,单给一段代码,看个寂寞啊?

  • 主 資深大佬 : Hoshinokozo

    @optional vue2

  • 資深大佬 : blindie

    浅比较常用写法

  • 資深大佬 : akatquas

    大概是如果重新执行 render,会得到新的一个对象。
    那么反推,如果不是新的对象,则不需要比较。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具