SPA(single page application)[单页面应用]

jsp

SPA(single page application)[单页面应用]_第1张图片
1.png

在Ajax出现之前 , 都是这种混合型, 将数据插入到HTML. 一般叫后端模板开发.

前后端分离

SPA(single page application)[单页面应用]_第2张图片
2.png

SPA的特征

所有页面都是同一路径
唯一变化就是锚点

tabs切换的时候要变URL , 这样才能保证刷新的时候保持原来的tab位置

现在应该怎么做呢?

window.onhashchange
SPA(single page application)[单页面应用]_第3张图片
3.png

根据字符串变化, 去改变事情就叫路由.
可以让他默认的描点就是

vue是怎么做路由的

那就是vue router

SPA的弊端

就是SEO不友好

搜索引擎的原理是什么

搜索引擎是不会渲染JS的
也就是说它不法理解SPA写的是什么

你可能感兴趣的:(SPA(single page application)[单页面应用])