面包屑

面包屑概念

首页>美食>全球美食

yx-bread公共组件

接收参数

• parentPath 父级类目路径
• parentName 父级类目名称

面包屑组件 <yxBread>

面包屑高级

进一步封装

对父级目录的 to 属性替换 ， 使用插槽

• 使用插槽和封装组件完成面包屑组件基本功能，会多出一个箭头
• 学习 render 选项，h 函数的基本使用
• 通过 render 渲染，h 函数封装面包屑功能

去除 scoped 属性 ，作用到 item 组件中

bread 终极版封装

使用 render 函数自己进行拼接创建

指定组件显示的内容：

• el 选项，通过一个选择器找到容器，容器内容就是组件内容
• template 选项，<div>组件内容</div> 作为组件内容