V2EX › ooo4 的所有回复 › 第 5 页 / 共 7 页

@linzhe141 如果不加 key 通过 patchUnkeyedChildren 更新，加了 key 通过 patchKeyedChildren 更新
```js
const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
c1 = c1 || EMPTY_ARR;
c2 = c2 || EMPTY_ARR;
const oldLength = c1.length;
const newLength = c2.length;
const commonLength = Math.min(oldLength, newLength);
let i;
// "公共"部分，新旧 dom 按照顺序 patch
for (i = 0; i < commonLength; i++) {
const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
patch(
c1[i],
nextChild,
container,
null,
parentComponent,
parentSuspense,
namespace,
slotScopeIds,
optimized
);
}
if (oldLength > newLength) {
unmountChildren(
c1,
parentComponent,
parentSuspense,
true,
false,
commonLength
);
} else {
mountChildren(
c2,
container,
anchor,
parentComponent,
parentSuspense,
namespace,
slotScopeIds,
optimized,
commonLength
);
}
};
```

[playground]( https://play.vuejs.org/#eNp9Uk1PAjEQ/SuTXsQEl88TWUjUcNCDGuVmPeAyLMVu2/QDSTb73512w8LBcOr0zZuZ96at2b0x2SEgm7HcFVYYDw59MAuuRGW09VCDxS00sLW6ghui3nDFVaGV8yCF8yOYR0bvswaxmcGoD4e1DEgRNH2qjuC4A8dncNKBE2i+bmNXrmj4SlSog+/1bmG+gJoraOdkiZ2Z4Ha9tsO06zCFhhoAbPA7lCVarmjMaDgcEpoPWmNkiS4eKyPXHukGkAeZToqkgMPdVts5Z4I4IFQ7lTNY1DQuYk2TD6RoKwepNB9c9GN95h0tZivKbO+0op0m9ZwVujJCon01XtDiOJu1vmJuLaX+fU6YtwH7J7zYYfHzD753x4hx9mbRoT0gZ13Or22Jvk0vP17wSHGXrPQmSGJfSb6j0zJEjS3tIagNyb7gJbVP6WcIVa7c8uhRuZOpKDQym8TnjH7L4xXrZ7mTbJrq6N1Y8wc8q9Yh)

2024-03-21 14:31:36 +08:00

回复了 chenchunhan8888 创建的主题 › Vue.js › 请教一个 vue3 diff 问题

所以说 v-for 要结合 key 使用

2024-03-12 11:32:48 +08:00

回复了 hahaFck 创建的主题 › Vue.js › Vue3+TS， vscode 总报 module 找不到，关于 path 设置的问题请教。

@linzhe141 如果 tsconfig.json 中不存在 'files' 或 'include' 属性，则编译器默认包含包含目录和子目录中的所有文件，但 'exclude' 指定的文件除外。指定 'files' 属性时，仅包含那些文件文件和“include”指定的文件都包含在内。

这个 files 为空数组就不行了，和 vue 没有关系，是 ts 配置问题，导致编辑器没有正确识别

2024-03-12 11:27:49 +08:00

回复了 hahaFck 创建的主题 › Vue.js › Vue3+TS， vscode 总报 module 找不到，关于 path 设置的问题请教。

{
"compilerOptions": {
"paths": {
"@/*": ["./packages/*"],
"@components*": ["./packages/components/*"]
}
}
}
import NumberScroll from '@components/number-scroll/src/NumberScroll.vue'
import ScaleScreen from '@/components/scale-screen/src/ScaleScreen.vue'
我用你的配置试了下，没有问题编辑器能够识别 NumberScroll 和 ScaleScreen ，会不会是 vscode 日常抽风了，直接 ctrl+shifit+p ，输入 reload window ，重新加载依次

2024-03-12 09:54:03 +08:00

回复了 iszengmh 创建的主题 › React › 为什么我感觉 react 很难学

最难的是他的 state 要 immutable

2024-03-07 16:12:20 +08:00

回复了 xu33 创建的主题 › 程序员 › 谁能用简单的语言解释下 vue2 用 virtual dom 的目的是啥

vue 应该做不到收集 dom 级别的副作用，只能收集到组件级别

1 2 3 4 5 6 7

❮

❯