title: Vuejs: distribute code across multiple components or everything into a single component?
body: <p>So I've played a lot with Vue, and now that my app has become large, I am having doubts about how to organize it.</p>
  
  <p>I understand components and that they make sense when you need to re-use them many time on the same page, for example, a "custom select box" component, that will likely be needed in many places.</p>
  
  <p>But what about components that will only have once instance? Example: a administration dashboard interface that has 3 areas: a sidebar with some navigation, a main area with stuff you can edit, based on what is selected in the navigation, another sidebar with stuff related to the main area. Do all these need to be separate components? Because I don't see any benefit of doing that if there is only one instance of each on the page. On the other side, if I stuff all the code in a single "app" component, I could simplify some of the code (less variables)</p>