this.$route.path.split(‘/‘)[1]有没有大佬帮忙解释一下？

最新推荐文章于 2026-08-18 16:04:17 发布

原创最新推荐文章于 2026-08-18 16:04:17 发布 · 884 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

博客围绕this.$route.path.split('/')[1]展开，可能是博主寻求对该代码含义的解释。此代码涉及前端开发中路由路径的处理，通过分割路径字符串获取特定部分。

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CjhMn

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue Router 核心原理与工程实践：从路由映射到权限守卫

搜索

06-21

430

路由是单页应用（SPA）实现页面跳转与状态同步的基础机制，其本质是 URL 路径与组件实例之间的声明式映射关系。理解 Vue Router 不仅需掌握 router-link 和 router-view 的用法，更需深入其响应式设计、导航守卫执行时机、嵌套路由解耦逻辑等底层原理。该机制显著提升开发效率与可维护性，广泛应用于中后台系统、多角色权限管理、SEO 友好页面构建等场景。结合 Vue 3 Composition API 的 useRouter 与 useRoute 使用规范，以及路由元信息（meta）

1 条评论您还未登录，请先登录后发表或查看评论

Vue.use()插件机制解析与最佳实践

weixin_34124651的博客

08-07

406

Vue插件系统是扩展Vue功能的核心机制，通过Vue.use()方法实现插件注册。其原理是利用JavaScript的原型继承机制，在Vue构造函数可用但实例未创建时，通过install方法注入全局功能。这种设计模式使得插件可以添加全局混入、指令、组件等，同时保持代码的可维护性。在工程实践中，VueRouter和Vuex等主流库都基于此机制实现，开发者需要特别注意插件的执行时机和安装顺序。合理的插件设计能显著提升Vue应用的模块化程度和可扩展性，是构建大型Vue项目的基础技能。

vue路由问题刷新之后保持原来路由

故事与我

10-21

2184

在 el-menu标签加 :default-active="'/' +this.$route.path.split('/')[1]"

split函数的具体用法

vcxzksj的博客

10-10

549

split函数的具体用法

os.path.split()详解

热门推荐

weixin_42852210的博客

07-21

1万+

os.path.split()函数将文件名和路径分割开。语法：os.path.split(‘PATH’) 参数说明： PATH指一个文件的全路径作为参数：如果给出的是一个目录和文件名，则输出路径和文件名如果给出的是一个目录名，则输出路径和为空文件名实际上，该函数的分割并不智能，它仅仅是以 “PATH” 中最后一个 ‘/’ 作为分隔符，分隔后，将索引为0的视为目录（路径），将索引为1的视为文件名，如： >>> import os >>> os.path.spl

vue学习

weixin_42496856的博客

04-28

190

vue学习笔记对象赋值 constfoo={a:3} Object.assign(foo, {b:4}) 关闭sockjs.js 请求 1. 找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代码的 1605行 try { // self.xhr.send(payload); 把这里...

os.path.split()函数详解

ALuckBoyCZH的博客

12-17

397

实际上，它仅仅是以 “PATH” 中最后一个 ‘/’ 作为分隔符而判断路径和文件名，所以并不智能，也是一个比较坑的地方。语法：os.path.split(‘PATH’)如果给出的是一个目录和文件名，则输出路径和文件名。如果给出的是一个目录名，则输出路径和为空文件名。将文件名和路径分割开。

VUE2常见面试题

2301_76805327的博客

07-19

369

前端相关知识

星光不负赶路人~

07-14

1392

vue

linux_kernel_cves项目架构解析：数据采集、处理与展示

gitblog_00703的博客

07-05

650

linux_kernel_cves是一个专注于跟踪Linux内核安全漏洞（CVE）的开源项目，通过系统化的数据采集、处理与可视化展示，帮助开发者和系统管理员及时了解内核漏洞情况，保障系统安全。 ## 项目整体架构概览该项目采用前后端分离架构，主要分为数据层、前端展示层两大核心部分，形成完整的CVE数据生命周期管理流程。 ### 核心目录结构项目核心文件与目录布局如下： ``` /da

vue 管理系统面包屑实现

ljmkmnkl的博客

04-16

1116

效果截图：问题所在：vue配置面包屑由于详情页面不是上一级页面的子页面，因此不能得到关系去直接实现实现方式： 1.通过store，把访问url直接保存去实现问题所在：直接通过详情url会得不到上一级的url 面包屑会出现问题 2.通过url去匹配完整面包屑例如：首页：'/center' 流程:'/center/todoProcess' 详情：'/center/...

VUE3 面试题总结

hjdjhh的博客

12-22

2261

单文件组件< script setup > < script setup > </script> 可以直接引入，定义，逻辑，无需return返出数据直接import引入子组件后在页面直接使用，无需注册替代props功能的是: defineProps({}) 替代emit功能的是：defineEmits([]) 点击的dom上@click="skip" 例：cons...

【SpringBoot框架篇】29.Jpa+vue实现单模型的低代码平台

皓亮君的博客

08-30

5926

单模型的低代码平台

vue 基础知识

Lyndon的专栏

12-05

1106

vue

Vue2核心概念与高效开发实战：从Options API到工程化避坑指南

weixin_34021089的博客

07-29

376

在前端开发领域，响应式编程和组件化是构建现代Web应用的核心思想。Vue.js作为主流框架，其响应式系统通过数据劫持与依赖追踪，实现了数据与视图的自动同步，极大地提升了开发效率。Vue2的Options API（选项式API）通过data、computed、watch、生命周期钩子等清晰的组织方式，为开发者提供了直观且易于上手的编程模型，尤其适合构建和维护中后台等复杂应用。其技术价值在于，即便在Vue3广泛普及的今天，大量存量项目依然基于稳定可靠的Vue2运行，掌握其精髓是解决实际生产问题、高效维护老项目的

PHP+MySQL仿中关村在线攒机配置平台完整源码实战项目

最新发布

weixin_35433448的博客

08-18

在攒机场景中，用户未登录状态下仍需持久化其当前配置单（Config Cart），包括已选CPU、主板、内存条等配件ID及数量。该状态必须跨页面跳转、浏览器关闭后短期保留（7天），且严禁被他人篡改。PHP原生虽提供基础会话支持，但在高并发、分布式部署与安全合规方面存在显著短板：文件存储瓶颈：默认导致磁盘I/O成为性能瓶颈，实测单机QPS > 800时阻塞率达37%；会话固定漏洞未强制重生成，攻击者可通过?劫持会话；序列化风险。

详解Python中的split()函数的使用方法

2301_78021017的博客

06-25

5963

Python中有split()和os.path.split()两个函数，具体作用如下： split()：拆分字符串。通过指定分隔符对字符串进行切片，并返回分割后的字符串列表（list） os.path.split()：按照路径将文件名和路径分割开。1、split()函数语法：str.split(str="",num=string.count(str))[n]2、os.path.split()函数语法：os.path.split('PATH')函数：split()4、一个超级好的例子。

router中获取vuex_vue项目中遇到的那些事

weixin_39629989的博客

10-27

661

vue项目中遇到的那些事。前言　　有好几天没更新文章了。这段实际忙着做了一个vue的项目，从 19 天前开始，到今天刚好 20 天，独立完成。　　做vue项目做这个项目一方面能为工作做一些准备，一方面也精进一下技术。　　技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-a...

vue3学习（五）

zwrlj527的专栏

05-30

1743

2401_84619530的博客

05-11

804

它们只注册一个新的路由，也就是说，如果新增加的路由与当前位置相匹配，就需要你用 router.push() 或 router.replace() 来手动导航，才能显示该新路由。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。而在实际场景中，添加路由的行为更有可能发生在导航守卫之外，例如，当一个视图组件挂载时，它会注册新的路由。通过这种方式，我们在导航转入新的路由前获取数据。