MPA or SPA on Vue?

Question

Vue.js

Straight to the point. As far as I understand, SPA applications immediately load all the js, css, html necessary for the entire application to work, while MPA updates js, css, html on each page.
Suppose we have a fairly large SPA project that even with the reuse of components, etc., our code weighs relatively a lot. Doesn't this mean that our site, at the first load, will load for quite a long period of time?
Is it possible to split such a project into several SPAs that will be inside one MPA? If so, is there any good reason to use js frameworks to create a "full" MPA?
Vue has a history mode setting, however, as far as I understand, it does not make MPA out of SPA, but why does the loaded js, css, html with such routing not reload when the url changes?

Thanks in advance for your replies)