title: Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
body: <p>I am using Nuxt.js / Vuejs for my app, and I keep facing this error in different places:</p>
  <pre><code>    The client-side rendered virtual DOM tree is not matching server-rendered content. 
  This is likely caused by incorrect HTML markup, for example nesting block-level elements inside &lt;p&gt;, or missing &lt;tbody&gt;. 
  Bailing hydration and performing full client-side render.
  </code></pre>
  <p>I would like to understand what is the best way to debug this error? Is their a way I can record/get the  virtual DOM tree for client and server so I could compare and find where the error lies?</p>
  <p>Mine is a large application and manually verifying is difficult.</p>