![](https://img-blog.csdnimg.cn/b95ab59322884799811acf8c50737b90.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
+ VueRouter
文章平均质量分 55
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举
Try Tomato
The scenery at the foot of the mountain is not attractive enough you should go to the top of the mountain
展开
-
Vue-导航守卫——全局前置守卫
目录全局前置路由守卫next函数三种调用方法Vue的导航守卫是什么?可以做什么?导航守卫可以控制路由的访问权限--什么意思呢?假如现在我们想要在某一个应用程序主页面点击对应路由链接跳转到后台的管理系统那么这时路由守卫就起到了一个检测的作用路由守卫的名字起的很形象,它其实就是充当了一个'保安'的职责只有你登录成功了,在localStorage本地存储中的token有值,守卫才会让你进入后台的管理系统如果没有路由守卫-不能控制访问权限的话,任何人点击路由链接就会跳转到后台管.原创 2022-05-13 20:18:00 · 3711 阅读 · 0 评论 -
声明式导航与编程式导航
目录vue-router中的编程式导航API演示首先在Vue的学习中,我们会引出导航这么一个概念那么什么是导航呢?nav?----嗯~~好像也对,但我们今天说的不是nav我们点击链接切换组件,这就是导航,我更愿意称其为路径导航导航又分为俩种,就是我们标题所说的:声明式导航:我们在网页中点击<a>链接实现网页的切换;在Vue项目中点击<router-link></router-link>切换组件,这都属于声明式导航编程式导航:wo.原创 2022-05-13 16:15:34 · 2500 阅读 · 0 评论 -
Vue——$route参数对象简介
相信我们对于vue-router不陌生当我们打印当前的Vue实例的话,在Vue实例中是会有$route这样一个参数对象的非常的重要,我们来看一下都有哪些属性:常用的有fullPath、params、path以及queryfullPath:完整的哈希地址------我们可能会疑惑--这不是和path路径一样吗?当我们在Hash地址之后添加上一串查询字符串参数的话,我们就不会这么认为了:并且后面的查询参数也可以使用query来访问到params访问到的是路径参.原创 2022-05-13 11:34:01 · 399 阅读 · 0 评论 -
Vue-动态路由匹配
目录动态路由匹配操作方法1:在Vue实例中逐层寻找方法2:当前路由规则开启props传参,拿到动态参数值动态路由匹配可以提高路由规则的复用性什么意思呢?假如我们有很多的商品展示,每一个商品都需要有对应的详情展示页难道我们要写上万个甚至更多的路由规则吗?<!-- 假如现在有四个商品 --><router-link to="/Move/1">商品1</router-link><router-link to="/Move/2">.原创 2022-05-13 11:13:41 · 1049 阅读 · 0 评论 -
Vue嵌套路由与默认子路由
什么是嵌套路由?嵌套路由就是在父组件中的子组件路由里面又嵌套了一层子(孙子)组件路由就像这样:在App主组件中有三个子组件使用路由的方式进行切换,以达到SPA功能但同时又在子组件关于页面中又使用了一层路由实现了一个Tab栏切换的功能这就是嵌套路由---目录嵌套路由的使用默认子路由我们在使用嵌套路由的时候,大体操作和基本路由一致,需要注意的是要通过children属性来声明子路由规则就像这样---嵌套路由的使用在路由模块中我们先导入需要的组件// 导.原创 2022-05-12 20:14:25 · 4766 阅读 · 0 评论 -
借用vue-router手动搭建前端路由
vue-router是Vue官方给我们的路由解决方案,方便我们管理SPA项目中组件的切换目录一.安装vue-router包二.创建路由模块三.导入-挂载路由模块四.定义路由规则和占位符重定向路由规则一.安装vue-router包npm i vue-router -S二.创建路由模块我们需要在src源代码目录下新建一个router文件夹在router文件夹下新建index.js路由模块然后我们初始化一下index.js路由模块:// 导入Vue.原创 2022-05-12 18:05:26 · 636 阅读 · 0 评论 -
Vue-了解前端路由
目录三个问题了解前端路由前端路由工作流程了解前端路由原理——自己实现一个基本的前端路由三个问题了解前端路由路由(router)是什么?---router就是对应关系给我一个路径---我返回一个响应根据路径来判断应该把该请求分发给哪个模块谁和谁的对应关系?单页面应用程序(SPA)与前端路由的一个对应关系在Vue前端路由中也就是Hash地址与组件的对应关系,我们可以通过location.hash拿到hash地址,根据不同的Hash地址,来对应的显示不同的原创 2022-05-12 11:11:32 · 286 阅读 · 0 评论