[Vuejs]-How can I separate the logic into a separate component in Vue?

FYI, vue will be run on the client-side(unless SSR) and so checking development mode on the vue frontend isn’t the best.

Per the component-based design paradigm, it is advisable for a component to handle everything concerning it, including logic pertaining to it. Components must work like black boxes.