Services
src/
└── services/
└── someService.js
Services are viewless Vue objects that are shared across components. They can expose values, computed values and helpers like any other Vue object. Services are used for things such as storing and providing access to shared UI state (for example, track if a popup is visible) or other things that are not directly related to any specific UI elements (for example, tracking the current time).
The reason you might use a service over utilities is that they are reactive, and so any changes in the shared state are propagated throughout your application.
Services vs. Vuex
Services can be used for most tasks that a full-blown Vuex state management might be used. Both expose a shared state to multiple components fairly efforlessly.
Services in this template are written as Vue objects just like models and components. Vuex uses a different pattern, meaning the codebase is split into more diverse set of patterns than if using only services.
Note that this template ships with both Vuex and services, and you can choose to build your app on neither, either or both.