当前位置:首页 > 技术文章 > 正文内容

轻松掌握VUE路由vue-router知识点

zonemu3个月前 (07-12)技术文章39

1、安装

2、创建路由模块

3、导入并挂载路由模块

简写说明:

router:router 同名可简写 router

4、声明路由连接和占位符

链接也可以使用router提供的标签

5、配置路由连接与组件的对应关系

6、重定向链接跳转

7、嵌套路由

默认子路由

8、动态路由

概念:

1、通过route获取参数

2、通过props获取参数

9、声明式导航/编程式导航

之前介绍的都属于声明式导航,以下介绍编程式导航

例子:

历史记录:就是可以通过浏览器的前进后退,访问历史的页面,也可以通过go方法编程实现前进后退。

注意:

10、路由设置访问权限(导航守卫)

1、全局前置守卫

  • next的三种调用方式

例子:控制main页面的访问权限

对于多个页面拦截可以增加个数组

或者定义个文件

还有其他守卫,可参考官网

相关文章

八款值得尝试的精美的Linux发行版,你用过哪几款?

Linux发行版各式各样,每个发行版都有自己的特点,在这篇文章中,将会列出让一些另 Linux 用户印象最深刻且精美的 Linux 发行版,包括对初学者友好和流行的发行版。elementary OSe...

7 款最佳 Linux 桌面发行版,颜值天花板

一、elementary OS二、Deepin三、Pop!_OS四、Manjaro Linux五、KDE Neon六、Zorin OS七、Nitrux OS想必大家都知道三大常用操作系统:Linux、...

linux发行版-openSUSE Agama 15安装程序发布:带来多项可用性升级

openSUSE旗下仍在开发中的全新Linux安装工具Agama,于近日推出v15版本,带来了界面增强、实用新功能等一系列改进,为用户带来更顺畅的系统安装体验!界面优化:细节之处见用心新版本在本地化设...

零基础开始学 Web 前端开发,有什么建议?(附视频教程)

WEB前端看似简单,其实不然,要学的知识点很多很杂,对于零基础学习前端的小伙伴来说,一份详细的前端学习知识点大纲尤为重要。下面,话不多说,直接上干货(全网最全,没有之一)。PS:文末有福利(全阶段视频...

基于Docker构建安装Git/GitLab,以及制作springboot工程镜像

今天给大家分享的是《领先的开源自动化服务器Jenkins的应用实战》之基于Docker安装构建Git/GitLab版本控制与代码云存储的场所;使用Git管理项目,springboot工程制作镜像知识体...

「云原生」Containerd ctr,crictl 和 nerdctl 命令介绍与实战操作

一、概述作为接替Docker运行时的Containerd在早在Kubernetes1.7时就能直接与Kubelet集成使用,只是大部分时候我们因熟悉Docker,在部署集群时采用了默认的dockers...