一、<router-link的使用<router-link>组件支持用户在具有路由功能中的点击导航。通过to属性指向目标地址,默认渲染成正确的a标签1.to属性 字符串或是对象类型点击会立刻把内部to值传送到router.push()  (解释:router.push(location) 就相当于我们用鼠标点击了location这个a链接一样,本文后面有对router.pu...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-21 18:14:59
                            
                                488阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue2移除路由#号基本根据文档来就行了,在路由中设置:[html] view plain copymode: 'hi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-08-19 08:00:08
                            
                                174阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、路由
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。
1.1 路由分为两大类:
前端路由:Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-21 02:18:43
                            
                                438阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            官方:vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-28 20:15:02
                            
                                610阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            安装 npm install vue-router 导入vue-router // main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的 import VueRouter from 'vue-router' // 导入            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-22 16:58:39
                            
                                184阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目前会一些简单的路由规则,先记录上。参考:Vue2全家桶之二:vue-router(路由)详细教程,看这个就够了 - 简书 由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。
vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。
传统的页面应用,是用一些超链接来实现页面切换和跳转的。
在vue-router单页面应用中,则是路径之            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-17 15:23:57
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.写在前面 最近在学习Vue2,遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文。 2.具体需求 用户鉴权与重定向:使用Vue提供的路由导航钩子 请求数据序列化:使用axios提供的请求拦            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-11-13 14:32:00
                            
                                101阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ajax技术:不重新加载整个页面的情况下,异步地与服务器进行通信,并更新页面的部分内容Ajax(Asynchronous JavaScript and XML)是一种使用 JavaScript 向服务器发送和接收数据的技术。 Ajax 的工作原理基于以下关键组件:XMLHttpRequest 对象:XMLHttpRequest 是浏览器提供的 API,用于创建 HTTP 请求,并与服务器进行通信。            
                
         
            
            
            
            vue2进阶篇:vue-router之嵌套(多级)路由            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 16:11:58
                            
                                1205阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue2进阶篇:vue-router之缓存路由组件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 16:11:25
                            
                                356阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue中路由详解什么是路由?基本使用几个注意点多级路由(嵌套路由)路由的query参数命名路由路由的params参数跳转+传参 总结路由的props的配置路由懒加载```<router-link>```的replace属性编程式路由导航`$router`和`$route`的区别**1、route对象****2、router对象**缓存路由组件两个新的生命周期钩子路由守卫路由器的三种种            
                
         
            
            
            
            配置拓扑图:
配置要求:
按照下列拓扑结构,连接相应的设备,并对设备进行配置,满足下列要求:
1、 按照下列IP地址配置相应的设备,满足下列的IP地址分配要求;
(IP地址全部配置正确满分10分,IP地址配置错误一处扣1分,扣10分为上限。)
2、 在RouterA和RouteB上的串口通过V.35 DCE和V.35 DTE线路连接,配置串口二层链路为PPP链路,并配置Route            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-07-05 18:26:57
                            
                                707阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                3评论
                            
                                                 
                 
                
                             
         
            
            
            
            大家好,我是CoderBin,在写Vue项目的时候,少不了使用路由vue-router,而路由守卫是vue-router中一个非常重要的概念,也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。
如果文中有不对、疑惑的地方,欢迎在评论区留言指正?            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2023-02-15 10:43:49
                            
                                801阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue2路由中router-view不显示的原因及踩坑记录            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-27 13:43:34
                            
                                299阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            所有的路由跳转都会经过这个方法,在这里可以处理未登录拦截,权限控制,以及找不到页面404等情况 // 创建router实例 ory(), routes, }); router.beforeEach            
                
         
            
            
            
            import { createRouter, createWebHistory, RouteRecordRaw} from 'vue-router'import Home from '../views/Ho            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-19 11:50:07
                            
                                461阅读