# Breadcrumb 面包屑
显示当前页面在系统层级结构中的位置，并能向上返回。

## 何时使用
- 当系统拥有超过两级以上的层级结构时；
- 当需要告知用户『你在哪里』时；
- 当需要向上导航的功能时。


### 基本使用
最简单的用法。

@[demo](demo/basic.vue)


### 自定义分割符
使用`separator="/"`可以自定义分隔符。

@[demo](demo/custom.vue)


### 路由
使用`to`可以使用路由

@[demo](demo/router.vue)




### Breadcrumb props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| separator | 分隔符 | string | > |

### Breadcrumb Item props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| to        | 路由跳转对象，同 `vue-router` 的 `to` | string/object | — | — |
| replace   | 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录 | boolean | — | false |