From 710ff1cda78f27741529f3ae98b4cf20378be52b Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Tue, 13 Jun 2023 13:01:48 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96=20?=
 =?UTF-8?q?layout/Breadcrumb?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Breadcrumb/index.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/layout/components/Breadcrumb/index.vue b/src/layout/components/Breadcrumb/index.vue
index 92b64df..90acb5d 100644
--- a/src/layout/components/Breadcrumb/index.vue
+++ b/src/layout/components/Breadcrumb/index.vue
@@ -6,20 +6,21 @@ import { compile } from "path-to-regexp"
 const route = useRoute()
 const router = useRouter()
 
+/** 定义响应式数据 breadcrumbs，用于存储面包屑导航信息 */
 const breadcrumbs = ref<RouteLocationMatched[]>([])
 
+/** 获取面包屑导航信息 */
 const getBreadcrumb = () => {
-  breadcrumbs.value = route.matched.filter((item) => {
-    return item.meta && item.meta.title && item.meta.breadcrumb !== false
-  })
+  breadcrumbs.value = route.matched.filter((item) => item.meta?.title && item.meta?.breadcrumb !== false)
 }
 
+/** 编译路由路径 */
 const pathCompile = (path: string) => {
-  const { params } = route
   const toPath = compile(path)
-  return toPath(params)
+  return toPath(route.params)
 }
 
+/** 处理面包屑导航点击事件 */
 const handleLink = (item: RouteLocationMatched) => {
   const { redirect, path } = item
   if (redirect) {
@@ -29,16 +30,16 @@ const handleLink = (item: RouteLocationMatched) => {
   router.push(pathCompile(path))
 }
 
+/** 监听路由变化，更新面包屑导航信息 */
 watch(
   () => route.path,
   (path) => {
-    if (path.startsWith("/redirect/")) {
-      return
-    }
+    if (path.startsWith("/redirect/")) return
     getBreadcrumb()
   }
 )
 
+/** 初始化面包屑导航信息 */
 getBreadcrumb()
 </script>