Vue3.0手写面包屑导航:

 注册成全局组件  1. 文件建在 @/components/xxx.vue下

2.src/components/index.js

 

3.: main.js 加这两行代码

这样,组件变成全局的！！！！

ElementUi中的结构都是像下面这种, 所以我们的思路是 在src/components创建两个文件

这次我们写的是面包屑导航, <xxx-bread><xxx-bread-item/></<xxx-bread> ,所以呢,一个文件我们就起名xxxx-bread   另一个 xxx-bread-item .vue   当前xxx这个名字你需要起个名

然后按照上面的方法,把这俩文件注册成全局的 

<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="活动名称">
   
  </el-form-item>
</el-form>

1. 外层的是XXXBread组件：它负责接收分隔符separator的传入 

2. 内层的是XXXBreadItem 组件：它负责to属性的传入用来完成跳转功能

 

这是需要的三个文件，index.vue里面写传入的内容，xxxxBread.vue放插槽，xxxxxBreadItem也放插槽