vue2中一个简单的面包屑代码

在Vue2中实现面包屑组件的代码如下：

<template>
  <div class="breadcrumb">
    <a v-for="(item, index) in items" :key="index" :href="item.link">{{ item.text }}</a>
  </div>
</template>

<script>
export default {
  name: "Breadcrumb",
  props: {
    items: {
      type: Array,
      required: true
    }
  }
};
</script>

<style>
.breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.breadcrumb a {
  color: #000;
  text-decoration: none;
  margin-right: 5px;
}

.breadcrumb a:last-child {
  color: #666;
}
</style>

使用方法：

<breadcrumb :items="[
  { text: '首页', link: '/' },
  { text: '分类', link: '/category' },
  { text: '电视', link: '/category/tv' },
  { text: '小米', link: '/category/tv/xiaomi' }
]" />

这里实现了一个单独的面包屑组件，通过传递一个数组作为参数，来渲染面包屑导航。