Vue.js Strukturen und Konventionen?

[BastiBln]

Moin Kinners,

ich mach grade die ersten Gehversuche mit vue.js. Ich möchte gerne zwei php-Plattformen wo ich gebaut habe, in vue.js nochmal bauen. Habe mir zwei Online-Kurse im CoderCampus angesehen und schon die erste Struktur gebaut. Header, Menu und Footer sind gebaut und eingebunden. Auch mit dem interaktiven Content via router komme ich klar.

Dennoch habe ich ein paar Fragen, wo ich im Netz nichts hilfreiches gefunden habe:

1. Ich muss recht viel Content aus Datenbanken laden, der ebenfalls interaktiv ist. Ist es besser dafür APIs zu bauen um an die Daten zu kommen, oder genügt es die php Funktionen direkt via axios anzusprechen?
Beide Plattformen sollen PWAs werden. Hätten APIs hier Vorteile?

2. Innerhalb des interaktiven Contents gibt es verschiedene Funktionen, die z.Bsp. auf anderen Content verweisen. Steuert man das auch über vue-router oder gibt es noch andere Möglichkeiten?

3. Können Daten/Statuswerte innerhalb der Plattform Struktur(nicht zur DB) auch via POST übermittelt werden, oder nur mit GET? Ich bin kein großer Fan der Datenübergabe via URL.

Vielen Dank Euch!