atui/src/components/Breadcrumb/demo/symbol.md

components built with Vue.js

---
order: 0
title:
  zh-CN: 自定义间隔符
  en-US: Type
---

## zh-CN



## en-US


````jsx
<v-breadcrumb symbol="&gt;">
  <v-breadcrumb-item :href="href">一级类目</v-breadcrumb-item>
  <v-breadcrumb-item :href="href">二级类目</v-breadcrumb-item>
  <v-breadcrumb-item :href="href">三级类目</v-breadcrumb-item>
  <v-breadcrumb-item>四级类目</v-breadcrumb-item>
</v-breadcrumb>
````

````vue-script
new Vue({
  el: 'body',
  components: {
    vBreadcrumb: atui.Breadcrumb,
    vBreadcrumbItem: atui.Breadcrumb.BreadcrumbItem
  },
  data: {
    href: '/'
  }
})
````