vue中的路由router

路由就是一组key-value的对应关系

多个路由, 需要经过路由器的管理

应用于:

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

路由分类:

        1. 后端路由:

                        1) value是function, 用于处理客户端提交的请求

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

        2. 前端路由:

                        1) value 是 componet, 用于展示页面内容

                        2) 工作过程: 当浏览器路径改变时, 对应的组件就会显示

开发注意:

                2022年2月7日之后, vue-router的默认版本,为4版本对应vue3

                                                                                       3版本对应vue2

特别注意: 路由携带 params参数时, 若使用to的对象写法, 则不能使用 path配置项, 必须使用 name配置

props的三种写法:

<router-link>的replace属性

1. 作用: 控制路由跳转时操作浏览器历史记录的模式

2. 浏览器的历史记录有两种写入方式: 分别为 push和replace,  push是追加历史记录, replace 是替换当前记录. 路由跳转时默认为 push

3. 如何开始replace模式: <router-link replace......> News </router-link>

---

缓存路由组件

作用: 让不展示的路由组件保持挂载, 不被销毁

缓存多个用数组, 缓存一个用字符串

---

两个新的生命周期钩子

        1.activated路由组件被激活时触发

        2.deactivated路由组件失活时被触发

作用: 路由组件独有的两个钩子, 用于捕获路由组件的激活状态