Vue: Утечка памяти при использовании асинхронных компонентов

Версия

2.5.17

Ссылка для воспроизведения

https://codesandbox.io/s/4k43rylw0

Действия по воспроизведению

1. Загрузите репродуктор и сделайте снимок кучи памяти. При поиске в куче вы найдете 4 компонента VueComponents (приложение, контейнер, дочерний элемент, асинхронный ребенок)
   

2. Нажмите кнопку "Уничтожить". Это переключает v-if, который удаляет дочерний компонент и, следовательно, компонент AsyncChild.

3. На этом этапе страница обновляется, как ожидалось.
4. Сделайте еще один снимок кучи памяти. Снова найдите в куче "VueComponent", и вы увидите, что 4 компонента Vue все еще существуют.
   
   

Что ожидается?

После уничтожения дочернего компонента компонент и его асинхронно загруженный дочерний компонент должны быть уничтожены, а память освобождена.

Что на самом деле происходит?

Vue использует контекстную ссылку, которая предотвращает сборку мусора для этих компонентов.

Это происходит из-за расположенной здесь логики решения-асинхронного компонента: https://github.com/vuejs/vue/blob/52719ccab8fccffbdf497b96d3731dc86f04c1ce/src/core/vdom/helpers/resolve-async-component.js#L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57 -L57

В функции forceRender в строке 64 после вызова $ forceUpdate массив контекстов должен быть очищен, чтобы освободить эти ссылки, чтобы компоненты могли быть собраны мусором в более поздний момент времени.