diff --git a/packages/vue/__tests__/e2e/memory-leak.spec.ts b/packages/vue/__tests__/e2e/memory-leak.spec.ts
index 2412cea2b..0ad9be687 100644
--- a/packages/vue/__tests__/e2e/memory-leak.spec.ts
+++ b/packages/vue/__tests__/e2e/memory-leak.spec.ts
@@ -82,4 +82,65 @@ describe('not leaking', async () => {
},
E2E_TIMEOUT,
)
+
+ // #13211
+ test(
+ 'cached array vnodes should not retaining detached DOM nodes',
+ async () => {
+ const client = await page().createCDPSession()
+ await page().evaluate(async () => {
+ const { createApp, ref } = (window as any).Vue
+ createApp({
+ components: {
+ Comp1: {
+ template: `
+
+ {{ test.length }}
+ `,
+ setup() {
+ const test = ref([...Array(3000)].map((_, i) => ({ i })))
+ // @ts-expect-error
+ window.__REF__ = new WeakRef(test)
+
+ return { test }
+ },
+ },
+ },
+ template: `
+
+ slot content
+ `,
+ setup() {
+ const toggle = ref(true)
+ const click = () => (toggle.value = !toggle.value)
+ return { toggle, click }
+ },
+ }).mount('#app')
+ })
+
+ expect(await html('#app')).toBe(
+ `` +
+ `` +
+ `slot content` +
+ `
` +
+ `3000
`,
+ )
+
+ await click('#toggleBtn')
+ expect(await html('#app')).toBe(
+ ``,
+ )
+
+ const isCollected = async () =>
+ // @ts-expect-error
+ await page().evaluate(() => window.__REF__.deref() === undefined)
+
+ while ((await isCollected()) === false) {
+ await client.send('HeapProfiler.collectGarbage')
+ }
+
+ expect(await isCollected()).toBe(true)
+ },
+ E2E_TIMEOUT,
+ )
})