title: vuejs application with different layouts (e.g. login layout, page layout, signup etc.)
body: <p>I generated a project using vue-cli. I see project has one App.vue which is kinda main layout of the app - if I'm not mistaken. Here I put my basic HTML layout and <code>&lt;router-view&gt;&lt;/router-view&gt;</code>. Now the issue is that I need completely different layout for login (different wrappers , body has different classes) but I can't change it since App.vue has template which is kinda "fixed" as a layout. How to approach this issue? Is there recommended way?</p>
  
  <p>Should I create new component that represents layout so in that case my App.vue template would only have <code>&lt;router-view&gt;&lt;/router-view&gt;</code> and then LoginLayout.vue would be included into it?</p>