Vue - oddzielenie API od komponentów - ocena rozwiązania

Question

Cały czas uczę się Vue. Realizuje coraz większe projekty, czytałem że tak jak na backendzie kontroler nie rozmawia bezpośrednio z modelem, tak samo komponenty Vue powinny mieć jakąś dodatkową warstwę abstrakcji która ładnie opakowuje np axiosa. Tutaj główny folder JS z podfolderem api. Ma on dwa zadania:

1. Zebranie danych z globalnego obiektu appUser przekazanego przez backed, z id usera i api tokenem potrzeby do auth. Tutaj główny layout aplikacji który przekazuję obiekt
2. Skrócenie syntaxu requesta, i oczywiście scentralizowanie requestow w jednym pliku .js aby w przypadku zmian nie musieć przeglądać komponentów

Tutaj przykład komponentu, który robi GET i POST requesta. Co sądzicie o tym rozwiązaniu, czy takie oddzielenie jest wystarczające? 

Answer 1

Bardzo dobry pomysł. Zawsze Api powinno być wydzielone od komponentów. Ewentualnie można by było pomyśleć jeszcze nad funkcjami i zamienić te brzydkie theny na async await.