44.路由

1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由，动态路由
5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例

• 44.路由
  • 1.路由的概念
  • 2.后端路由
  • 3.SPA (Single Page Application)
  • 4.前端路由

1.路由的概念

路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系，就是路由。

2.后端路由

• 概念: 根据不同的用户URL请求, 返回不同的内容

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

3.SPA (Single Page Application)

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

4.前端路由

• 概念: 根据不同的用户事件, 显示不同的页面内容

• 本质: 用户事件与事件处理函数之间的对应关系

• 后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由

• 前端路由的基本概念：根据不同的事件来显示不同的页面内容，即事件与事件处理函数之间的对应关系

• 前端路由主要做的事情就是监听事件并分发执行事件处理函数