How to split the code into separate files?

Question

Vue.js

There is a component of the main account, inside the component there are 3 screens, each of the screens has its own styles and functions. All this in one component.
How to properly split the code into separate files?

Answer 1

select layouts (header, footer, sidebar ...etc) and move them into separate components.
each of the three screens is also taken out into separate components.
And just as a constructor to collect them in the desired file.
https://ru.vuejs.org/v2/guide/components-registrate...