<h3 dir="auto">Version</h3>
<p dir="auto">2.3.3</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://github.com/Lacroute/webpack-simple-bug">https://github.com/Lacroute/webpack-simple-bug</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Just create a minimal project from <a href="https://github.com/vuejs-templates/webpack-simple">this template</a> and add some logs inside the hooks, you should obtain this in the console.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://raw.githubusercontent.com/Lacroute/webpack-simple-bug/master/src/assets/screenshot.png"><img src="https://raw.githubusercontent.com/Lacroute/webpack-simple-bug/master/src/assets/screenshot.png" alt="alt text" style="max-width: 100%;"></a></p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The previous instance should be destroyed before the new one is created.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The next one is created, so there is several init and then, the old one is destroyed so the init hooks are useless.</p>
<hr>
<p dir="auto">I don't know if this issue is related to the template or to the framework so I created also here &gt; <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="248013813" data-permission-text="Title is private" data-url="https://github.com/vuejs-templates/webpack-simple/issues/123" data-hovercard-type="issue" data-hovercard-url="/vuejs-templates/webpack-simple/issues/123/hovercard" href="https://github.com/vuejs-templates/webpack-simple/issues/123">vuejs-templates/webpack-simple#123</a> (unfortunately no response)</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.12</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsbin.com/tusikubevu/edit?html,js,console,output" rel="nofollow">https://jsbin.com/tusikubevu/edit?html,js,console,output</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">If you move between 100 and 125000 there is no problem, but if you choose 130000 there is a max stack trace error in chrome 85.0.4183.102 (stable), this is a VERY minimal reproduction, what really happens to me is with bootstrap-vue table with scopes and several chained components my app stop working and have to capture the error and reload the page, and my client is complaining a lot about it.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Don't know if you can solve it or if it's a chrome problem, because in FF it doesn't happens</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">I got this kind of error when using lots of components.</p>
<p dir="auto">RangeError: Maximum call stack size exceeded<br>
at normalizeArrayChildren (vue.js:2393)<br>
at normalizeChildren (vue.js:2368)<br>
at _createElement (vue.js:3406)<br>
at createElement (vue.js:3360)<br>
at Proxy.vm._c (vue.js:3497)<br>
at Proxy.eval (eval at createFunction (vue.js:11649), :3:19)<br>
at Vue._render (vue.js:3551)<br>
at Vue.updateComponent (vue.js:4067)<br>
at Watcher.get (vue.js:4478)<br>
at Watcher.run (vue.js:4553)<br>
logError @ vue.js:1897<br>
globalHandleError @ vue.js:1888<br>
handleError @ vue.js:1848<br>
Vue._render @ vue.js:3553<br>
updateComponent @ vue.js:4067<br>
get @ vue.js:4478<br>
run @ vue.js:4553<br>
flushSchedulerQueue @ vue.js:4311<br>
(anonymous) @ vue.js:1989<br>
flushCallbacks @ vue.js:1915<br>
Promise.then (async)<br>
timerFunc @ vue.js:1942<br>
nextTick @ vue.js:1999<br>
queueWatcher @ vue.js:4403<br>
update @ vue.js:4543<br>
notify @ vue.js:745<br>
reactiveSetter @ vue.js:1070<br>
proxySetter @ vue.js:4630<br>
change @ VM33:3<br>
invokeWithErrorHandling @ vue.js:1863<br>
invoker @ vue.js:2188<br>
original._wrapper @ vue.js:7547<br>
ListPicker._handleMouseUp</p>
<hr>
<p dir="auto">As I said before this happens on Chome, in FF there is no error, and I use 2.6.12, not 2.6.11, but can't choose it.</p>