From e31f2fc23ed8cb8e2c02d13f9b604caa4ec64cf8 Mon Sep 17 00:00:00 2001 From: yutent Date: Sat, 11 May 2024 17:25:50 +0800 Subject: [PATCH] Update Router --- Router.md | 25 +++++++++++++++++++------ 1 file changed, 19 insertions(+), 6 deletions(-) diff --git a/Router.md b/Router.md index d9fe943..e989ac0 100644 --- a/Router.md +++ b/Router.md @@ -1,6 +1,6 @@ # 路由 > 仿`vue-router`的API,实现一套简化版的路由模块。可支持传统的`hash`路由, 以及新的`history`路由。 ->> **注意:** 由于`web components`的限制, 不支持嵌套路由。 +>> **注意:** 由于`web components`的局限性, 不支持嵌套路由。 ```js @@ -142,11 +142,24 @@ router.beforeEach(function (prev, next, done) { ``` - - - - - +## 路由规则 + +### 1. 静态路径 + +即, 该路由是精确匹配, 一一对应的, 如 `/foo`, `/foo/bar` 等 + +### 2. 动态路径 + +即该路径可能是一组相同规律的格式, 如 `/foo/:id`, `/bar/:name` 等。 + +**`注意`**, 暂时只支持2层路由, 即 `/foo/bar/:id` 这种是不合法的, 未来是否支持, 以更新日志为准。 + + +### 3. 兼容的动态路径 + +其实是规则1和2的结合, 即希望`/foo`和`/foo/:id`, 都能匹配上, 此时只需要在规则后面加一个`?`即可。 + +如 `/foo/:id?`。