title: Tracking down memory leak in Vue.js server-side rendering?
body: <p>We've got a Vue.js (v2.2.6) app running in production with server-side rendering based on the <a href="https://github.com/vuejs/vue-hackernews-2.0" rel="nofollow noreferrer">Hacker News demo app structure</a>. We've got a memory leak that causes the process to run out of memory and crash after around 6-12 hours, and we've started taking heap snapshots on the server to try and track the issue.</p>
  
  <p>However, we've been digging through these for days and haven't really gotten anywhere. The thing that sticks out (as you can see in the below screenshot) is that there are many instances of <code>VueComponent</code> and <code>Vue$2</code> being created and never deleted from memory. I don't know enough about the internals of Vue's server-side rendering to know if this is a real lead and where to look from there if it is.</p>
  
  <p><a href="https://i.stack.imgur.com/GWM6V.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GWM6V.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/11U7I.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/11U7I.jpg" alt="enter image description here"></a></p>
  
  <p>Has anyone run into something like this or have any ideas where we might look to determine what could be causing this?</p>