init

init

components/breadcrumb/breadcrumb-item.vue

@@ -0,0 +1,36 @@
+<template>
+    <span>
+        <a v-if="href" :href="href" :class="linkClasses">
+            <slot></slot>
+        </a>
+        <span v-else :class="linkClasses">
+            <slot></slot>
+        </span>
+        <span :class="separatorClasses">
+            <slot name="separator">{{{ separator }}}</slot>
+        </span>
+    </span>
+</template>
+<script>
+    const prefixCls = 'ivu-breadcrumb-item';
+
+    export default {
+        props: {
+            href: {
+                type: String
+            },
+            separator: {
+                type: String,
+                default: '/'
+            }
+        },
+        computed: {
+            linkClasses () {
+                return `${prefixCls}-link`;
+            },
+            separatorClasses () {
+                return `${prefixCls}-separator`;
+            }
+        }
+    }
+</script>

components/breadcrumb/breadcrumb.vue

@@ -0,0 +1,37 @@
+<template>
+    <div :class="classes">
+        <slot></slot>
+    </div>
+</template>
+<script>
+    const prefixCls = 'ivu-breadcrumb';
+
+    export default {
+        props: {
+            separator: {
+                type: String,
+                default: '/'
+            }
+        },
+        computed: {
+            classes () {
+                return `${prefixCls}`;
+            }
+        },
+        compiled () {
+            this.updateChildren();
+        },
+        methods: {
+            updateChildren () {
+                this.$children.forEach((child) => {
+                    child.separator = this.separator;
+                });
+            }
+        },
+        watch: {
+            separator () {
+                this.updateChildren();
+            }
+        }
+    }
+</script>

components/breadcrumb/index.js

@@ -0,0 +1,5 @@
+import Breadcrumb from './breadcrumb.vue';
+import BreadcrumbItem from './breadcrumb-item.vue';
+
+Breadcrumb.Item = BreadcrumbItem;
+export default Breadcrumb;