美文网首页
vue单页面优缺点

vue单页面优缺点

作者: CHH5431 | 来源:发表于2019-04-12 09:34 被阅读0次

单页面应用(SPA)

单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多应用于pc端。


多页面应用(MPA)

多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新


单页面的优点:

  • 用户体验好,快,内容的改变不需要重新加载整个页面,基于这一点spa对服务器压力较小
  • 前后端分离
  • 页面效果会比较炫酷(比如切换页面内容时的专场动画)

单页面缺点:

  • 不利于seo
  • 导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理)
  • 初次加载时耗时多
  • 页面复杂度提高很多

相关文章

  • vue灵魂拷问

    1、说说Vue的优缺点 优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开 缺点:单页面...

  • vue单页面优缺点

    单页面应用(SPA) 单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 h...

  • 【Vue】学习vue前的几个常见问题(part2)

    1.Vue ≠ 单页面应用 Vue可以用来做单页面应用,但是不表示Vue只能用来做单页面应用。Vue完全支持传统网...

  • vue面试题之三:vue常见面试题①

    3. vue常见面试题 1. vue的优缺点 优点:性能好,简单易用,前后端分离,双向数据绑定,单页面应用用户体验...

  • (22)打鸡儿教你Vue.js

    vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具 交互设计,逻辑设计,接口设计 代...

  • keepAlive使用方法

    vue单页面,多路由,前进刷新,后退不刷新 目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷...

  • vue多页应用

    vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路

  • uni-app页面布局

    单页面程序 uni-app 约定页面文件遵循 Vue 单文件组件 (SFC) 规范[https://vue-loa...

  • 新建vue项目

    新建vue单页面应用

  • vue单页面之友盟代码统计

    vue单页面之友盟代码统计

网友评论

      本文标题:vue单页面优缺点

      本文链接:https://www.haomeiwen.com/subject/ybdqwqtx.html