vue 路由的基本概念和原理

路由

路由是一个比较广义和抽象的概念，路由的本质就是对应关系。

在开发中，路由分为：

• 后端路由
• PSA（Single Page Application）
• 前端路由

后端路由

概念：根据不同的用户 URL 请求，返回不同的内容

本质：URL 请求地址与服务器资源之间的对应关系

SPA（Single Page Application）

• 后端渲染（存在性能问题）
• Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作）
• SPA（Single Page Application）单页面用用程序：整个网站只有一个页面，内容的变化通过Ajax局部更新实现，同时支持浏览器地址栏的前进和后退操作
• SPA实现原理之一：基于URL地址的hash（hash的变化导致浏览器记录访问历史的变化、但是hash的变化不会触发新的URL请求）
• 再实现SPA过程中，最核心积水但就是前端路由

前端路由

• 概念：根据不同的用户事件，显示不同的页面内容
• 本质：用户事件与事件处理函数之间的对应关系