Update Router
parent
7d1a400ca4
commit
e31f2fc23e
25
Router.md
25
Router.md
|
@ -1,6 +1,6 @@
|
||||||
# 路由
|
# 路由
|
||||||
> 仿`vue-router`的API,实现一套简化版的路由模块。可支持传统的`hash`路由, 以及新的`history`路由。
|
> 仿`vue-router`的API,实现一套简化版的路由模块。可支持传统的`hash`路由, 以及新的`history`路由。
|
||||||
>> **注意:** 由于`web components`的限制, 不支持嵌套路由。
|
>> **注意:** 由于`web components`的局限性, 不支持嵌套路由。
|
||||||
|
|
||||||
|
|
||||||
```js
|
```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?`。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue