[JavaScript知识库]Vue2.0之vue-router

1.1 相关理解

1.1.1?vue-router的理解

?????????vue的一个插件库，专门用来实现SPA应用

1.1.2 对SPA应用的理解

????????1，单页web应用（single page web application，SPA）。

? ? ? ? 2，整个应用只有一个完整的页面。

? ? ? ? 3，点击页面中的导航链接不会刷新页面，只会做页面的局部更新。

? ? ? ? 4，数据需要通过Ajax请求获取

1.1.3 路由的理解

? ? ? ? 1，什么是路由？

? ? ? ? ? ? ? ? 1，一个路由就是一组映射关系（key-value）

? ? ? ? ? ? ? ? 2，key为路径，value可能是function或component

? ? ? ? 2，路由的分类

? ? ? ? ? ? ? ? 1，后端路由：

? ? ? ? ? ? ? ? ? ? ? ? 1）理解：value是function，用于处理客户端提交的请求

? ? ? ? ? ? ? ? ? ? ? ? 2）工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?求，返回响应数据

? ? ? ? ? ? ? ? 2，前端路由：

? ? ? ? ? ? ? ? ? ? ? ? 1）理解：value是component，用于展示页面内容。

? ? ? ? ? ? ? ? ? ? ? ? 2）工作过程：当浏览器的路径改变时，对应的组件就会显示

1.2 基本路由

1.2.1 相关API：

????????1. this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面)

????????2. this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面)

????????

????????