问答

vue多页面的问题

作者:admin 2021-07-09 我要评论

一般使用vue都是单页面的配置进行开发,请问什么业务场景下该用vue多页面的配置进行开发呢?vue多页面开发有什么优点? ### 其实你就理解为 MPA 是若干个 SPA 组...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

一般使用vue都是单页面的配置进行开发,请问什么业务场景下该用vue多页面的配置进行开发呢?vue多页面开发有什么优点?

###

其实你就理解为 MPA 是若干个 SPA 组合在一起就行了。

SPA 才是后来有的,在 HTML5 的 history 相关 API 出来之前,哪有什么 SPA?全是 MPA 啊。只不过那个时候大家也没有 SPA/MPA 这种分立的概念,所以没给 MPA 起个名叫 MPA,但人家就是 MPA 啊。

严格来说 SPA 跟 MPA 最大区别就是有没有页面刷新,SPA 都在一个 HTML 文档里,MPA 会有多个。

SPA 在一个文档里你可以搞什么 vuex、组件通信这些东西,这都很简单;MPA 里是跨页面了啊,弄这些东西就很复杂。这看上去 SPA 更胜一筹,全都 SPA 好了。

但你业务避免不了会膨胀啊,比如阿里云的控制台,是典型的 MPA。有上百的云服务,每个云服务都有一个入口页面,每个云服务下还会有几个到几十个不等的子页面,合起来有上千的页面。这肯定不是一个 Team 能完成的能完成的。

假如用 SPA 了,若干的 Team 配合的话,入口文件频繁冲突怎么办?全局变量冲突怎么办?假如 ECS(云服务器)的页面改了、要部署就只重新打包 ECS 相关的就好了啊,你 SPA 不得整个项目全重新打包?何必?好,上述问题你全能克服,可上千个页面,每个页面的 data 全都读到内存里,你这得占多少资源?

这时候,我们就可以按粒度拆分 SPA 到 MPA 了。比如把 ECS 相关的,都放在一个 SPA 里;把 RDS 相关的,放在另一个 SPA 里;这俩 SPA,组合成一个 MPA,彼此之间互不干扰,也就没有冲突了。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • elementUI表单Object.assign处理后无法

    elementUI表单Object.assign处理后无法

  • nacos作为配置中,有时可以加载到配置

    nacos作为配置中,有时可以加载到配置

  • font-spider压缩字体后,文件大小没有

    font-spider压缩字体后,文件大小没有

  • Vue SSR babel node_modules中的一个包

    Vue SSR babel node_modules中的一个包

腾讯云代理商
海外云服务器