How many components should a vue app be divided into?

Question

Vue.js

Actually the question itself - is it necessary to take out everything that is possible in the components? For example, an authorization form component, it has inputs and a button, should these inputs and the button be made components? And how to understand what exactly should be a component, and what can remain part of the parent component's code?

Answer 1

• If an element needs to be used more than once, make it a separate component
  
• If your parent component is very large, break it into several smaller components, purely for convenience.
  
• If you assume that some part of your program will change frequently, move it to a separate module.
  
• If you have a large piece of static content, put it in a separate component
  
• If some element has a very complex or time-consuming logic, move it to a separate component.
  

In general, I try to make a lot of small components. I feel so much more comfortable. But most importantly without fanaticism. You don't need a separate component for each input, unless that input needs some kind of encapsulated logic or styling.