
/*两个 VNode 节点相同则直接返回*/ if (oldVnode === vnode) { return } 没记错的话,oldVnode 和 vnode 都是对象,这样的对比有什么意义呢,难道是判断这两个是同一个对象吗?
实在是没弄明白,求解答
1 nnnToTnnn 2020-08-25 14:31:58 +08:00 单看这段代码,脑残的写法。 但是如果结合上下文看就不一定了。 const oldVnode = {'test': 1} const vnode = oldVnode if (oldVnode === vnode) { return } |
2 nnnToTnnn 2020-08-25 14:32:51 +08:00 根据这个逻辑,可以简单判断到底是新创建的对象,还是旧的对象。 |
3 optional 2020-08-25 14:34:44 +08:00 vue 3? vue3 里有静态 node 提升的特性,对于静态的 node,每次渲染的对象是同一个。 |
4 nnnToTnnn 2020-08-25 14:34:58 +08:00 const oldVnode = {'test': 1} let vnode = oldVnode if (oldVnode.test === 2) { vnode = {'test': 3} } if (oldVnode === vnode) { return } 你在看这个比较,是不是就存在很大的意义了? 看代码要结合上下文来看,单给一段代码,看个寂寞啊? |
5 Hoshinokozo OP @optional vue2 |
6 blindie 2020-08-25 15:14:55 +08:00 via Android 浅比较常用写法 |
7 akatquas 2020-08-25 17:50:07 +08:00 大概是如果重新执行 render,会得到新的一个对象。 那么反推,如果不是新的对象,则不需要比较。 |
8 JayLin1011 2020-08-28 15:46:28 +08:00 如果是移动虚拟节点,那么节点就没必要比较和打补丁更新,可以复用,直接 return 跳出比较 patchVode() 方法。 |