Operation input box,after leaving the page, the component data is not released

[hf0913]

Version

2.6.11

Reproduction link

https://codesandbox.io/s/unruffled-night-t32t2?file=/src/router.js:253-257

code

<script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> <title>input momery leak</title>

Go to input page
Go to empty page

<script>
    const Inp = {
        data: function () {
            return {
                v: '',
                test: []
            }
        },
        mounted() {
            for (let i = 2000000; i > 0; i--) {
                this.test.push(i)
            }
        },
        template: `<input v-model="v"></input>`
    },
        Empty = { template: '<div>empty</div>' },
        routes = [
            { path: '/input', component: Inp },
            { path: '/empty', component: Empty }
        ],
        router = new VueRouter({
            routes
        }),
        app = new Vue({
            el: '#app',
            router
        })
</script>

Steps to reproduce

1.Click Go to input page link,collect garbage and take a snapshot with devtools
2.Enter any value in the input box,collect garbage and take a snapshot with devtools
3.Click Go to empty page link,collect garbage and take a snapshot with devtools

What is expected?

Data memory release in component data

What is actually happening?

Not released,variables test are still in memory

---

If the input box does nothing and leaves the page, the component data can be freed normally

[posva]

Duplicate of #10004