IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 【Vue2.0】—vue-router(二十七) -> 正文阅读

[JavaScript知识库]【Vue2.0】—vue-router(二十七)

【Vue2.0】—vue-router(二十七)

一、路由配置

作用:让路由组件更方便的收到参数
在这里插入图片描述

二、<router-link></ router-link> 的replace属性

  • 作用:控制路由跳转时操作浏览器操作历史记录的模式
  • 浏览器的历史记录有两种写入方式:分别是pushreplacepush是追加历史记录,replace是替换当前的记录,路由跳转的时候默认是push
  • 如何开启replace模式
   <router-link replace………………></router-link>

在这里插入图片描述

三、编程式路由导航

作用:不借助实现路由跳转,让路由跳转更加灵活
在这里插入图片描述

四、缓存路由组件

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

代码如下:
在这里插入图片描述
在这里插入图片描述

五、两个新的生命周期的钩子

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

在这里插入图片描述
在这里插入图片描述

六、路由守卫

作用:对路由进行权限的控制
分类:全局守卫、独享首位、组件内守卫

全局守卫

在这里插入图片描述

独享路由守卫

在这里插入图片描述

组件内守卫

在这里插入图片描述

七、路由的两种工作模式

  1. 对于一个url来说,什么是hash值?

    #及其后面的内容就是hash值

  2. hash值不会包含在HTTP请求中,即:hash值不会带给服务器

hash模式

  • 地址中永远带着#号,不美观
  • 若以后将地址通过第三方手机app分享,若app校验严格,地址会被标记为不合法
  • 兼容性较好

history模式

  • 地址干净,美观
  • 兼容性和hash模式相比略差
  • 应用部署上线时需要后端人员支持,解决页面服务器端刷新404的问题
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-28 11:10:38  更:2021-11-28 11:10:42 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 6:55:51-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码