<template>
  <div>
    <section class="demo-section">
      <h4>基本用法</h4>
      <div>
       <breadcrumb>
          <breadcrumbItem><a href="/">首页</a></breadcrumbItem>
          <breadcrumbItem to="/">详情页</breadcrumbItem>
          <breadcrumbItem>12</breadcrumbItem>
       </breadcrumb>
      </div>
    </section>
    <section class="demo-section">
      <h4>设置分隔符</h4>
      <div>
       <breadcrumb separator="/">
          <breadcrumbItem><a href="/">首页</a></breadcrumbItem>
          <breadcrumbItem to="/">详情页</breadcrumbItem>
          <breadcrumbItem>12</breadcrumbItem>
       </breadcrumb>
      </div>
    </section>
  </div>
</template>

<script>
import { breadcrumb, breadcrumbItem } from '../src'

export default {
  name: 'app',
  components: { breadcrumb, breadcrumbItem },
  data () {
    return {
      
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss">

</style>
