vue的路由实现及sass

55 阅读1分钟

路由

前端路由

根据对应的url地址来渲染不同的内容

前端路由的分类

  • 页面路由(通过页面的跳转来完成对应的切换(刷新页面))
  • hash路由(通过对应hash值的变化来控制内容的渲染(onhashchange)(页面不刷新 只有一个页面))
  • histroy路由(通过对应的地址的变化来控制内容的渲染(onpopstate)(页面不刷新 只有一个页面))

SPA

单页应用程序(single page application),只有一个页面,通过控制渲染内容来完成对应的页面内容的切换。单页面设计的好处在于对应的页面切换的操作不再依赖于刷新(减少了页面的重绘和回流操作),单独只有一个页面那么打出来的包大小也相对较小。单页面的坏处在于不利于seo

后端路由

根据对应的访问地址返回不同数据 或渲染不同的内容

SSR

  1. 服务器渲染,服务器渲染,它的好处是利于seo,速度快,坏处在于代码量大维护起来较为困难,对于服务器压力大。
  2. 一般的大型电商网站都是采用ssr配合对应的spa来共同作用(前端采用的是vue的技术栈 配合ssr的框架 nuxt.js)