Vue学习笔记64--路由简介

路由简介

1.  路由就是一组key-value的对应关系
2. 多个路由，需经过路由器进行管理

SPA应用：single page web application(单页面web应用)

Vue-router

一：相关理解

1. vue-router：vue的一个插件库(需安装--npm install vue-router --save)，专门用来实现SPA应用
2. 对SPA应用的理解
   • single page web application(单页面web应用)
   • 整个应用只有一个完整的页面
   • 点击页面中的导航链接不会刷新页面，只会做页面的局部更新
   • 数据要通过ajax请求获取
3. 路由的理解(什么是路由？)
   • 一个路由就是一组映射关系(key-value)
   • key为路径，value可能是function或component
4. 路由分类
   • 后端路由
     • 理解：value是function，用于处理客户端提交的请求
     • 工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据
   • 前端路由
     • 理解：value是component，用于展示页面内容
     • 工作过程：当浏览器的路径改变时，对应的组件就会显示

 二：基本路由