区分vue2和vue3下的element UI Breadcrumb面包屑组件分别介绍其属性、事件及方法的使用情况并举例说明

在 Vue 2 的开发环境中，Element UI 框架内嵌了 el-breadcrumb 面包屑导航组件，用于实现页面路径的展示功能。然而，在 Vue 3 的框架体系下，Element UI 的原始版本并未进行适配性升级以兼容新版本，但开发者可借助一个相似的组件库 Element Plus 来满足需求，该库专为 Vue 3 构建，提供了相应的功能支持。

Vue 2 + Element UI

在 Vue 2 框架所集成的 Element UI 组件库中，el-breadcrumb 被设计用于呈现用户当前所处页面的导航路径，其以面包屑样式进行展示。

属性（Props）

• separator：用于分隔的符号，默认设置为斜杠 /。
  • separator-class：应用于分隔符的类名标识。

事件（Events）

el-breadcrumb 组件在 Element UI 框架中并未设置专门的事件机制。

示例

    <template>
      <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item :to="{