[Vuejs]-Performance cost of increasing the number of components in Vue.js

In addition to having more maintainable code, you may actually see a performance improvement by breaking the large component into sub-components based on how Vue handles re-rendering when it detects changes in a component.

In my experience, Vue handles v-for loops over sub-components efficiently – even very complex sub-components.

As you add more components, you might want to consider implementing Vuex store and (maybe) an event bus.