How is the structure of a web application in vue?

Question

Vue.js

Please explain how the structure of web applications is arranged in principle and in vue in particular. I have been developing applications on WPF + MVVM for a long time and everything is clear to me there. There are views, there are view models that store the state of the application, and so on.
Suppose in a WPF application I have services for working with a database or an authorization service, which describes all the logic for the operation of a particular service. They lie in a certain place and through DI they are thrown to where they need to be. How is this implemented in terms of web applications?
I apologize for the tongue-tied language, I'm just a complete zero on the web and I want to figure it out.

Answer 1

In Vue, the principle of Components rules. Each component can be considered a separate independent program. In general, no one bothers you to write some kind of service (a set of functions, classes, whatever) separately, the functionality of which does not depend on the View. Such services are simply imported and used in components. Example .