Vue-理解路由（route）

  • 在真正学习Vue里面的路由(route)之前我们不妨看看现实生活中的路由,我们日常上网都会用到路由器,

图解如下:

image

  • 日常生活中的路由器是用来上网的,电脑设备通过网线接口链接到路由器上就能上网了,这里的电脑设备就相当于value,网线接口就相当于key,两者一一对应其实就是一种对应关系,由此可见映射到Vue里面,所谓路由其实也就是一种对应关系(路由[router]),而集中管理这些对应关系的就是路由器(router).
  • 我们也可以将路由简单的理解为“指向”,在网页开发当中,当我们点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。

什么是路由?

  • 1.一个路由就是一组映射关系（key - value）
  • 2.key为路径,value可能是function（一般是后端） 或2.component（一般是前端）
  • 路由(route)只是一种规则,一种对应关系,而数据真正存放的地方是路由器(router)

路由分类

  • 1.后端路由：
    • 1)理解：value 是function, 用于处理客户端提交的请求。
    • 工作过程：服务器接收到一个请求时, 根据请求路径找到匹配的函数来处理请求, 返回响应数据。
  • 2.前端路由：
    • 1)理解：value 是component，用于展示页面内容。
    • 2)工作过程：当浏览器的路径改变时, 对应的组件就会显示。

路由的作用：

  • Vue中的路由（vue-router）的一个插件库，专门用来实现SPA应用

对SPA应用的理解

  • 1.单页Web 应用（single page web application，SPA）。
  • 2.整个应用只有一个完整的页面。
  • 3.点击页面中的导航链接不会刷新，只会做页面的局部更新。
  • 4.数据需要通过ajax 请求获取。