目录一、vue中的路由作用二、vue中的路由router使用步骤三、路由跳转1、带参数路由跳转：（1）this.$router.push() ：（2）this.$router.replace() ：2、不带参数路由跳转3、this.$router.go(n)四、标签路由五、路由元：六、路由使用的坑官方文档地址：入门|VueRouter一、vue中的路由作用vue的主要思想是组件化开发，路由用来配置组件对应展示路径，比如二、vue中的路由router使用步骤创建路由文件——使用路由——配置路由出口，使路由配置内容展示在页面上（1）创建路由文件：一般路由文件单独放在router文件夹在src目录下
首先我们先了解一下乐吾乐，【乐吾乐2D可视化组态软件】是乐吾乐科技完全自主研发、集动态数据显示和事件交互于一体的可视化工具，把复杂、变化、多样、有价值的大数据变成直观易懂、实时显示的可视化交互显示，具有跨平台、实时监控、动态交互、高效、可扩展、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。是拥有为电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等提供解决方案的可视化平台。乐吾乐公司开源的是他提供的核心库，但是GitHub上下载的组态编辑器并不是开源的，网上找了一圈也没见有比较好的组态编辑器，加上最近项
首先我们先了解一下乐吾乐，【乐吾乐2D可视化组态软件】是乐吾乐科技完全自主研发、集动态数据显示和事件交互于一体的可视化工具，把复杂、变化、多样、有价值的大数据变成直观易懂、实时显示的可视化交互显示，具有跨平台、实时监控、动态交互、高效、可扩展、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。是拥有为电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等提供解决方案的可视化平台。乐吾乐公司开源的是他提供的核心库，但是GitHub上下载的组态编辑器并不是开源的，网上找了一圈也没见有比较好的组态编辑器，加上最近项
✅作者简介：一名普通本科大三的学生，致力于提高前端开发能力✨个人主页：前端小白在前进的主页🔥系列专栏：node.js学习专栏⭐️个人社区:个人交流社区🍀学习格言:☀️打不倒你的会使你更强！☀️💯刷题网站：这段时间有许多的小伙伴在问有没有什么好的刷题网站，博主在这里给大家推荐一款刷题网站:👉点击访问牛客网👈牛客网支持多种编程语言的学习，各大互联网大厂面试真题，从基础到拔高，快来体验一下吧！🔥前言koa框架中的ejs模板使用方式与express并无差距，文件上传、操作mongoDB也并没有很多不一样的东西，本篇文章更着重于代码，ejs模板在文章express应用程序生成器中已经做了讲解，文件上传在
✅作者简介：一名普通本科大三的学生，致力于提高前端开发能力✨个人主页：前端小白在前进的主页🔥系列专栏：node.js学习专栏⭐️个人社区:个人交流社区🍀学习格言:☀️打不倒你的会使你更强！☀️💯刷题网站：这段时间有许多的小伙伴在问有没有什么好的刷题网站，博主在这里给大家推荐一款刷题网站:👉点击访问牛客网👈牛客网支持多种编程语言的学习，各大互联网大厂面试真题，从基础到拔高，快来体验一下吧！🔥前言koa框架中的ejs模板使用方式与express并无差距，文件上传、操作mongoDB也并没有很多不一样的东西，本篇文章更着重于代码，ejs模板在文章express应用程序生成器中已经做了讲解，文件上传在
vite创建vue3+ts项目为何选择vite：vite是一个基于Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起；真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。（平均一秒run）本文技术栈是vue3+vue-router+ts+vite+element-plus+pinia。初始化项目（1）在需要创建位置cmd目录下执行npminitvite@latest（2）输入项目名称（3）选择vue（（有时出现上下键不能选择，手动输入选项回车就行））（4）选择vue-ts（或者是选择语
vite创建vue3+ts项目为何选择vite：vite是一个基于Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起；真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。（平均一秒run）本文技术栈是vue3+vue-router+ts+vite+element-plus+pinia。初始化项目（1）在需要创建位置cmd目录下执行npminitvite@latest（2）输入项目名称（3）选择vue（（有时出现上下键不能选择，手动输入选项回车就行））（4）选择vue-ts（或者是选择语
欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🛠目前正在学习的是🔥React框架React框架React框架🔥，中间穿插了一些基础知识的回顾🌈博客主页👉codeMak1r.小新的博客😇本文目录😇路由导航守卫1.React项目中2.Vue项目中本文被专栏【React–从基础到实战】收录🕹坚持创作✏️，一起学习📖，码出未来👨🏻💻！路由导航守卫本节目标:能够实现未登录时访问拦截并跳转到登录页面（路由鉴权实现）1.React项目中实现思路自己封装AuthRoute路由鉴权高阶组件，实现未登
欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🛠目前正在学习的是🔥React框架React框架React框架🔥，中间穿插了一些基础知识的回顾🌈博客主页👉codeMak1r.小新的博客😇本文目录😇路由导航守卫1.React项目中2.Vue项目中本文被专栏【React–从基础到实战】收录🕹坚持创作✏️，一起学习📖，码出未来👨🏻💻！路由导航守卫本节目标:能够实现未登录时访问拦截并跳转到登录页面（路由鉴权实现）1.React项目中实现思路自己封装AuthRoute路由鉴权高阶组件，实现未登
vue2中简单理解为，route是用来获取路由信息的，router是用来操作路由的。$route是路由信息对象，每一个路由都会有一个route对象，是一个局部的对象,里面主要包含路由的一些基本信息，比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom...1.$route.name 当前路径名字2.$route.meta 路由元信息可以用在导航守卫查看要跳转的页面是否需要登录才能查看3.$route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。4.$route
