注册成全局组件 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>
-
外层的是
XXXBread
组件:它负责接收分隔符separator的传入 -
内层的是
XXXBreadItem
组件:它负责to属性的传入用来完成跳转功能
这是需要的三个文件,index.vue里面写传入的内容,xxxxBread.vue放插槽,xxxxxBreadItem也放插槽