Vue3封装面包屑的插件

前言

---

在elementUI中有一个面包屑导航，是怎样做到的，我们今天就写一下使用Vue3中学到的知识·封装一个自己写的插件。 # 开始啦！！

---

简单的封装

封装一个简易的面包屑组件，适用于两个场景，
大致的步骤是：

• 准备静态的基础结构代码，新建一个bread.vue的一个组件
  代码如下：这是基础的布局

<template>
  <div class='xtx-bread'>
    <div class="xtx-bread-item">
      <RouterLink to="/">首页</RouterLink>
    </div>
    <i class="iconfont icon-angle-right"></i>
    <div class="xtx-bread-item">
      <RouterLink to="/category/10000">电器</RouterLink>
    </div>
    <i class="iconfont icon-angle-right"></i>
    <div class="xtx-bread-item">
      <span>空调</span>
    </div>
  </div>
</template>

<script>
export default {
     
  name: 'XtxBread'
}
</script>

<style scoped lang='