Vue3 组件调用自己本身 Element-plus 左侧菜单自动无限分级

怕忘了，记录一下

Vue3 组件调用本身

创建temp.vue文件，调用自己
主要是 name 要设置一个唯一名称 如下的 CustumVue 然后直接调用
export default defineComponent({
name: 'CustumVue'
})
调用：

Element-Plus左侧菜单自动无限分级

首先菜单的格式如下：可能会从后端获取（如果不是已经处理好的结构需要递归处理一下，递归方法网上很，这里就不码了。）

[
  {
    id: 1,
    path: '/Home',
    name: 'Home',
    component: () => import('xxxxxx'),
    meta: {
      title: '首页',
      icon: 'Plus'
    },
    children: [
      {
        id: 10,
        path: '/aaa',
        name: 'aaaa',
        component: () => import('xxxxxx'),
        meta: {
          title: 'aaaa',
          icon: 'Plus'
        },
        children: [
          ......
        ]
      }
      ......
    ]
  }
  ......
]

创建sider.vue文件 (组件是关键)

// sider.vue

创建c-menus.vue文件 (这里的 标签是因为我用的iconfont图标)

就这样就可以实现自动无限分级了~