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

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

zonemu2个月前 (07-12)技术文章16

1、安装

2、创建路由模块

3、导入并挂载路由模块

简写说明:

router:router 同名可简写 router

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

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

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

6、重定向链接跳转

7、嵌套路由

默认子路由

8、动态路由

概念:

1、通过route获取参数

2、通过props获取参数

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

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

例子:

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

注意:

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

1、全局前置守卫

  • next的三种调用方式

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

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

或者定义个文件

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

相关文章

Vue父子组件参数传递方法(vue父子组件传参方式)

在 Vue 中,父子组件之间的参数传递是常见的需求,主要通过 Props 和 自定义事件 实现。以下是详细说明和代码示例:一、父组件向子组件传递参数(Props)父组件通过 属性 向子组件传递数据,子...

用IDEA开发如何用Git快速拉取指定分支代码?

1,准备空的文件夹,git init2,关联远程仓库,git remote add origin gitlab地址3,拉取远程分支代码,git pull origin 远程分支名再用IDEA打开项目即...

使用GitLab实现CICD(gitlab配置cicd)

GitLab CI/CD 是一个内置在GitLab中的工具,用于通过持续方法进行软件开发:Continuous Integration (CI) 持续集成Continuous Delivery (C...

Java教程:GitLab在项目的环境搭建和基本的使用

gitlab-使用入门1 导读本教程主要讲解了GitLab在项目的环境搭建和基本的使用,可以帮助大家在企业中能够自主搭建GitLab服务,并且可以GitLab中的组、权限、项目自主操作GitLab简介...

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

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

02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html1.结构元素 可以理解为语义话标记,比如:以前这么写<...